关于vue部署正式环境处理ip和端口号

前因：在我们写vue的项目的时候会遇到一个就是本地开发和正式环境的ip和端口号不一致的问题，以及本地开发跨域问题？

解决方法：

1.我们处理本地开发

在index.html

proxyTable: { '/api': { //替换代理地址名称 target: 'http://192.168.101.102:8081/', //代理地址 changeOrigin: true, //可否跨域 pathRewrite: { '^/api': '' //重写接口，去掉/api } } },

.

2.处理正式环境

在你npm run build的时候会执行prod.env.js文件中的内容

注意;这里面的http://jiaren.8910.io:8910/api是前端的IP和端口号，是用niginx转发

 

'use strict' module.exports = { NODE_ENV: '"production"', API_HOST:'"http://jiaren.8910.io:8910/api"'//这是前段访问地址 }

 调用：

在自己的js文件调用这个ip和端口号

其中process.env.API_HOST，process.env调用上图的配置文件prod.env.js，API_HOST是自定义属性