新Vue-cli的api接口设置问题
2020-03-28 20:18
811 查看
1.旧版本
在之前的vue-cli版本中,是使用process.env.VUE_APP_BASE_API这个参数来获取准确地址进行请求
2.新版本
然而这个方式已经在新版本中使用了反向代理的方式取代,具体是哪个版本开始就没有具体查看,大概是3.x以后,笔者使用的是@vue/cli 4.2.3版本
proxy: { // 本地请求地址 '/api': { // 代理地址 target: twelvet.api, ws: true, // 如果接口跨域,需要进行这个参数配置 changeOrigin: true, // 重写代理请求地址/,不然会/api/** pathRewrite: { '^/api': '/' } }, }
在官网中看到的时候,没有注意到代理两字,还是去使用process.env.VUE_APP_BASE_API去获取,下次注意!!!
至此,只要在axios的baseURL中写/api,就会把请求发送到代理地址当中!!!
- 点赞
- 收藏
- 分享
- 文章举报
相关文章推荐
- vue-cli 前端开发,后台接口跨域代理调试问题
- vue-cli项目使用proxyTable接口代理后,打包到线上,接口报404问题
- 使用vue-cli+axios构建的项目本地环境API代理设置和解决跨域
- 前后端分离简单架构搭建 Vue-Cli 后端接口Api+Swagger(1) -前端
- 详解vue-cli本地环境API代理设置和解决跨域
- vue-cli2打包前和打包后的css前缀不一致的问题解决
- 解决vue-cli单页面手机应用input点击手机端虚拟键盘弹出盖住input问题
- Vue---vue-cli 中的proxyTable解决开发环境中的跨域问题
- vue设置固定title而造成无法点击问题
- Vue-cli proxyTable 解决开发环境的跨域问题
- vue cli引入微信sdk,完成微信接口调用——使用natapp配置本机ip映射(三)
- SharePoint REST API - 使用REST接口对列表设置自定义权限
- 解决vue-cli中stylus无法使用的问题方法
- vue-cli生成的项目配置开发和生产环境不同的接口
- 解决vue-cli项目打包出现空白页和路径错误的问题
- 学习vue-cli时需要引入外部js库文件(如jquery)的问题,百度后解决了,再次备忘一下
- 关于CI框架加入sphinx官方API接口文件的时候,需要注意的问题
- vue-cli文件打包设置
- 在 vue-cli 中,使用VueX,并解决刷新state数据丢失问题
- 使用vue-cli开发过程中如何把jQuery设置为全局