proxy 跨域配置, 针对有axios的baseURL

ruicbAndroid 发布于2019-08-23 12:45 / 2343人阅读

摘要：首先主要的文件下的中的配置这个词可以任意换但文下的词要一致下的中配置即与上文对应的这里是开发模式下的配置产品模式到中配置中的全局设置配置请求的时候例如我现在需要请求这个接口这样写就行了返回的数据好了大功告成

1.首先主要的config文件下的index.js中的proxytable配置
proxyTable:{

  "/proxy": {

    target:"http://192.168.2.141:8080", 

    changeOrigin:true,

    pathRewrite: {
      "^/proxy": ""
    }
  }
}
//proxy这个词可以任意换,但文下的词要一致

2.config下的dev.env.js中配置base_api,即与上文对应的proxy

module.exports = merge(prodEnv, {
  NODE_ENV: ""development"",
  BASE_API: ""/proxy""
})

//这里是开发模式下的配置,产品模式到prod.env.js中配置

3.axios中的全局设置配置

axios.defaults.baseURL = process.env.BASE_API;

4.请求的时候,例如我现在需要请求 http://192.168.2.141:8080/WX/shopCart/findShopCartList 这个接口,这样写就行了 ↓

getData(){
        this.axios({
          method:"post",
          url:"/WX/shopCart/findShopCartList",
          data:{
           
          }

        }).then(res=>{
            console.log(res,"返回的数据")
        }

好了大功告成!

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/98984.html

后端开发者的Vue学习之路（五）

摘要：由服务器提供的响应来自服务器响应的状态码来自服务器响应的状态信息服务器响应的头是为请求提供的配置信息所以请求返回后，我们可以通过来获取响应情况。拦截器拦截器拦截器用于拦截发起的请求或用于拦截返回的响应。目录上节内容回顾使用第三方组件库如何发起请求请求错误处理请求带参 ...

jay_tian 2019-04-23 11:51 评论0 收藏0
vue-cli 3.x配置跨域代理

摘要：需求上是我们只需要在开发环境配置跨域代理，所以我们可以在开发环境的配置上加上能够代理上的环境变量即可。修改的配置将改为这里依然是采用的来做的代理配置，一些自定义配置可以移步到官网去进行参考。写在前面 vue-cli 3.x 的beta版本已经发布了一段时间，很早就像体验一番一直找不到时间。这些日子刚好有空就想着依照网上的一些例子练下手，刚一上手就踩到坑了。3.x 版本对整个项目的构建...

weakish 2019-08-22 16:30 评论0 收藏0
vue开发项目完全指南

摘要：有两种方法，一种是在开发环境中设置通过的，另一种是在服务器上修改的配置设置。这样我们以后使用访问接口就可以不加了，打包后访问也不用手动去除统一管理在项目开发过程中，会涉及到很多接口的处理，当项目足够大时，就需要统一管理接口。这篇文章总结了vue项目的所遇到的问题，包括跨域、用户认证、接口统一管理、路由配置、兼容性处理，性能优化等内容。项目github地址 : 前端 https:...

leoperfect 2019-08-23 16:16 评论0 收藏0
Axios学习笔记

摘要：表示应该使用基础验证，并提供数据。表示服务器响应的数据类型，可以是，，，，，，默认值是承载的值的头的名称。对原生进度事件的处理定义允许的响应内容的最大尺寸。基本认证的过程。后者将优先于前者。 Axios说明 Axios是一个基于promise的HTTP库，可以用在浏览器和node.js中。安装使用npm: $ npm install axios 使用bower $ bower in...

546669204 2019-08-23 13:38 评论0 收藏0
vue开发环境配置跨域，一步到位

摘要：本文要实现的是使用搭建的项目在开发时配置跨域，上线后不做任何任何修改，接口也可以访问阅读时间需要三分钟产品生产环境开发开发环境开发环境设置跨域使用工具自带的配置配置目录自行复制黏贴后台是否跨域需要的注意以上配置只有在生产环境下有效，你打本文要实现的是：使用vue-cli搭建的项目在开发时配置跨域，上线后不做任何任何修改，接口也可以访问阅读时间需要三分钟 production：产品 ...

shmily 2019-08-23 14:44 评论0 收藏0