一、路徑別名設定：
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 }
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 };
二、開發測驗路徑代理：
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 }
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 };
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/73775.html
標籤：JavaScript
上一篇：vue devServer proxy 代理無效的問題
下一篇：React簡介和使用