vue代理proxyTable

在vue2x中前端访问api接口时使用代理访问。在vue项目中找到文件夹config/index.js，找到代码proxyTable:{}，填写需要代理的api，例如api为http://27.154.59.202:8000/module/homePage，代理为
proxyTable: {
'/module': {
target: 'http://27.154.59.202:8000',
changeOrigin: true,
pathRewrite: {
'^/module': '/module'
}
},
}
index.js文件代码如下：其中var proxyUrl = ''http://27.154.59.202:8000'

image.png

我们还需要在文件夹config/dev.env.js做跟改如下：
'use strict'
var merge = require('webpack-merge')
var prodEnv = require('./prod.env')

module.exports = merge(prodEnv, {
NODE_ENV: '"development"',
API_ROOT: '"http://127.0.0.1:8081"', //API地址
})
其中API_ROOT本地127.0.0.1::8081为本地端口；
采用axios插件
axios.get('${process.env.API_ROOT}/module/homePage', {
params : { //请求参数

        }
    }).then(function(params) {
        postVue.postCommentByRerocd = params.data.commentByRecordData;
    
    });