vue项目打包后请求地址错误/打包后跨域操作

1、在config文件夹中找到index.js，在proxyTable配置代理

如：

"/Api": {

target: 'https://www.baidu.com/',

changeOrigin: true,

pathRewrite: {

"^/Api": "/" //这里是将/api替换为空字符串“” ，也就是删除的意思

}

}

2、配置开发环境地址，就是config文件夹下的dev.env.js文件，添加以下代码：

'use strict'

const merge = require('webpack-merge')

const prodEnv = require('./prod.env')

module.exports = merge(prodEnv, {

NODE_ENV: '"development"',

API_HOST: '"/Api"'

})

3.配置生产环境地址，就是config文件夹下的prod.env.js文件，添加以下代码：

'use strict'

const proxyIp = require('../static/config/proxyIp')

module.exports = {

NODE_ENV: '"production"',

API_HOST: proxyIp.URL（我这里是在js中固定值）可根据自己的需求写，可直接写 'https://www.baidu.com/',

}

4、在main.js直接配置

Vue.prototype.$ip = baseURL => {

if (process.env.NODE_ENV === 'production') {

return window.config[baseURL]

} else {

return require('../static/config/Ip')[baseURL]

}

}

5、在请求的地址使用 this.$ip