const path = require('path');
const resolve = (dir) => path.join(__dirname, dir); // 給public路徑添加別名
module.exports = {
publicPath: '/app/', // base目錄,等同於router.js的base字段
assetsDir: "static", // 打包后靜態資源目錄,注意public文件下目錄(別名)配置,index.html的icon路徑
devServer: {
open: true,
host:"localhost",
port: 8080,
https: false,
proxy: {
"/apis": {
target: "http://192.168.0.183:8001/api", //目標主機
ws: true, //代理的WebSockets
changeOrigin: true, //需要虛擬主機站點
pathRewrite: {
"^/apis": ""
}
}
},
before: app => {
// 執行前操作,可以在此添加mock數據。與proxy代理不可並用
app.get('/api/test', function (req, res) {
let data = require('./src/mock/test.json')
res.json(data)
})
}
},
productionSourceMap: false, // 生產環境map文件
chainWebpack: config => {
// 添加別名(src默認為@,不用再次添加)
config.resolve.alias
.set('@pub', resolve('public')) // 設置public別名為@pub
},
configureWebpack: config => {
if (process.env.NODE_ENV === 'production') {
// 為生產環境修改配置...
} else {
// 為開發環境修改配置...
}
}
}
在根目錄創建vue.config.js 添加以上代碼