vue使用proxyTable設定介面代理
阿新 • • 發佈:2018-11-03
1、修改config/index.js裡proxyTable
proxyTable: {
'/api': {
target: 'http://192.168.42.182:8080',
changeOrigin: true,
pathRewrite: {
'^/api': '/'
}
},
}
2、修改config/dev.env.js
module.exports = merge(prodEnv, {
NODE_ENV: '"development"',
API: '"/api"' // 加入這一句
})
3、設定axios的baseUrl
export default {
get (url, params) {
return axios({
method: 'get',
baseURL: process.env.API, // 修改這裡
url,
params,
timeout: 100000
}).then((response) => {
return checkStatus(response)
}) .then((res) => {
return checkCode(res)
})
}
}
4、重啟伺服器 npm run dev
就好啦