- 借鉴于:链接: link.
vue脚手架之服务器代理
vue.config.js
module.exports = {
// 服务器设置
devServer: {
port: 9999,
host: '0.0.0.0',
contentBase: './dist',
compress: true,
historyApiFallback: true,
disableHostCheck: true,
// 服务器代理
proxy: {
'/api': { // 这边的/api是配置默认请求的api ,这还需要在axios实例对象中设置
target: 'XXX',//服务器代理的baseUrl
ws: false,
changeOrigin: true,
pathRewrite: {// 重写路径: 去掉路径中开头的'/api'
'^/api': ''
}
},
},
}
}
http.js
// 创建axios实例
const instance = axios.create({
baseURL: '/api',
timeout: 1000 * 60 * 5
})
注意点:就是配置好代理后,需要重启项目