vueはproxyTableを使ってインターフェースの代理を設定します。

1805 ワード

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を再起動すればいいです。