第一次写类似博客的东西，听说能增进技术，不知道有没有效果，不过既然我现在在打字，说明我反正是信了这个说法。
首先介绍一下目前公司的前端开发流程
第一步：前端切静态页面
第二步：利用mock.js模拟数据，前后端分离，初步对接接口
第三步：内网环境连接接口，前后端联调
第四步：项目第一版完成，进入bug修复阶段
目前我是在第二步刚完成，准备进入第三步的过程中，sorry好像没说做的项目是什么和用的什么框架，项目是一个drp分销系统，框架用的是vue，ok接着说内网联调，首先大佬又是复制，又是截图给我说了代理怎么配置（目的是为了解决跨域问题），嗯，先说一下怎么配置，毕竟我写这么多就是为了记录这点：
第一步：在vue.config.js中配置，目前该页面代码如下，后续有更改再说
module.exports = {
publicPath: process.env.NODE_ENV === 'production' ? '/app/drp/' : '/',
devServer: {
proxy: {
"/api": {
// target: "http://api.erp.sz.com/",
target: "http://api.drp.sz.com/",
// target: 'http://dev-api.erp.sz.com/',
changeOrigin: true,
pathRewrite: {
"^/api": "/"
}
}
}
}
};
第二步：在main.js注销mock.js
第三步：在http.js(大佬二次封装axios的地方，应该都会封装的，而且一般都叫http.js)
先引入了qs模块（更改交互数据的格式），原因是后台说拿不到json格式的数据，嗯，大佬是这样给我说的
配置head字段 headers:{'Content-Type': 'application/x-www-form-urlencoded'}
然后在请求拦截器里面配置 config.data = qs.stringify(config.data) 具体代码：
// 请求拦截器
$http.interceptors.request.use( config =>{
// let token = localStorage.getItem('token') || "";
let token = ''
config.headers['token'] = token;
config.data = qs.stringify(config.data)
console.log(config);
return config;
}, error => {})
第四步：修改本地一个hosts文件 C:\Windows\System32\drivers\etc 这是它的路径 在下面写上（粘上）
192.168.88.188 erp.sz.com
192.168.88.188 api.erp.sz.com
192.168.88.188 api.drp.sz.com
192.168.88.188 api.pos.sz.com
192.168.62.161 dev-erp.sz.com
192.168.62.161 dev-api.erp.sz.com
192.168.62.161 dev-api.drp.sz.com
192.168.62.161 dev-api.pos.sz.com
192.168.62.161 dev-erp-img.sz.com
修改原因可以百度这个文件的作用，毕竟前面提到只能在公司的局域网中联调数据
上面都配置结束后 嗯 测试了一下 联通 ok 结束打字
