记一次vue打包之后动态修改请求根路径 vue-cli2.x 有效 开发阶段通过动态代理请求访问后台
2020-01-13 01:02
681 查看
记一次vue打包之后动态修改请求根路径
1.在static文件下新建ipconfig.js
//ip配置参数 const IPCONFIG = 'http://192.168.10.105:8081/';
2.在index.html中引入新建的js
<script src="./static/ipconfig.js"></script>
3.在axios的封装文件中设置baseurl
if (process.env.NODE_ENV == 'development') {//开发环境 // axios.defaults.baseURL = 'https://www.easy-mock.com/mock/5a4d85d3e5f9cd651a7fbe77/test/'; } else if (process.env.NODE_ENV == 'debug') { //axios.defaults.baseURL = 'https://www.easy-mock.com/mock/5a4d85d3e5f9cd651a7fbe77/test/'; } else {//正式环境 axios.defaults.baseURL=IPCONFIG;//重点 用配置文件中url 填充 }
-----------------------分割线------------------------------------------------------------
在开发的时候设置动态代理 解决跨域 重定向
修改config/index.js
proxyTable: { '/simulatedTrain': { target: 'http://192.168.10.105:8081/simulatedTrain', changeOrigin: true, pathRewrite: { '^/simulatedTrain': '' }, logLevel: 'debug' }, // 代理,访问上传的附件 '/imagejz': { target: 'http://192.168.13.10:8081/imagejz', changeOrigin: true, pathRewrite: { '^/imagejz': '' }, logLevel: 'debug' } },
- 点赞
- 收藏
- 分享
- 文章举报
相关文章推荐
- vue-cli 3.0之跨域请求代理配置及axios路径配置
- vue-cli3.0的webpack常用配置(跨域、修改入口文件、打包路径为绝对路径)
- vue-cli3.0 axios跨域请求代理配置及端口修改
- Vue背景图打包之后访问路径错误
- 【笔记】vue-cli 开发环境中跨域连接后台api(vue-resource 跨域post 请求)
- 关于Vue背景图打包之后访问路径错误问题
- 使用vue-cli脚手架 与 axios 请求数据 配置代理进行跨域访问数据问题
- vue-cli项目开发/生产环境代理实现跨域请求+webpack配置开发/生产环境的接口地址
- 关于Vue背景图打包之后访问路径错误问题的解决
- vue通过配置路径来访问后台
- vue cli构建的项目中请求代理与项目打包问题
- vue-cli 前端开发,后台接口跨域代理调试问题
- 用vue-cli构建了项目之后在webstorm开发,用npm run dev跑本地服务,经常修改之后在浏览器刷新没反应,偶尔才会有刷新,需要重新跑一遍npm run dev才会更新,这是怎么回事呢?
- 用vue-cli构建了项目之后在webstorm开发,用npm run dev跑本地服务,经常修改之后在浏览器刷新没反应,偶尔才会有刷新,需要重新跑一遍npm run dev才会更新,这是怎么回事呢?
- 详解vue-cli项目开发/生产环境代理实现跨域请求
- vue-cli 动态修改接口地址
- Vue图片路径由后台返给我字符串动态设置
- 动态修改vue-cli的spa的标题
- 关于用vue-cli打包dist文件无法在页面中访问
- php 登录之后,返回会员上一次访问的路径网址