1. 程式人生 > >vue使用proxyTable設定介面代理

vue使用proxyTable設定介面代理

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就好啦