vue-cli@2遷移到4

一、路徑別名設置：

[email protected]:

 1 // build/webpack.base.conf.js中：
 2 resolve: {
 3     extensions: [".js", ".vue", ".json", ".css", ".scss"],
 4     alias: {
 5       vue$: "vue/dist/vue.esm.js",
 6       "@": resolve("src"),
 7       'assets': resolve("src/assets"),
 8       'styles': resolve("src/assets/styles"),
 9       'common': resolve("src/common")
10     }
11   }

[email protected]:

 1 // vue.config.js中：
 2 const path = require('path');
 3 module.exports = {
 4     chainWebpack: (config) => {
 5         config.resolve.alias
 6             .set('@', path.join(__dirname, './src'))
 7             .set('assets', path.join(__dirname, './src/assets'))
 8             .set('common', path.join(__dirname, './src/common'))
 9             .set('styles', path.join(__dirname, './src/assets/styles'));
10     }
11 };

二、開發測試路徑代理：

[email protected]:

 1 // config/index.js中：
 2 module.exports = {
 3   dev: {
 4     proxyTable: {
 5       '/api':{
 6         'target': 'http://192.168.1.105:8080',// 測試線
 7         'pathRewrite': {
 8           '^/api':'/static/data'
 9         }
10       }
11     }
12 }

[email protected]:

 1 // vue.config.js中：
 2 module.exports = {
 3     devServer: {
 4         proxy: {
 5             '/api': {
 6                 target: 'http://192.168.1.105:8080', // 測試線
 7                 pathRewrite: {
 8                     '^/api':'/data'
 9                 },
10             },
11         },
12     },
13 };