vue跨域的问题,在开发环境下

Posted miadeng

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue跨域的问题,在开发环境下相关的知识,希望对你有一定的参考价值。

找到config文件夹下的index.js

  proxyTable: {
        ‘/api‘: {
            target: ‘http://访问网址/‘, //设置调用接口域名和端口号别忘了加http
            changeOrigin: true,//允许跨域
            pathRewrite: {
                ‘^/api‘: ‘http://访问网址/‘ //这里理解成用‘/api’代替target里面的地址,组件中我们调接口时直接用/api代替
                    // 比如我要调用‘http://0.0:300/user/add‘,直接写‘/api/user/add’即可 代理后地址栏显示/
            }
        },
   },

 

以上是关于vue跨域的问题,在开发环境下的主要内容,如果未能解决你的问题,请参考以下文章

vue开发环境和生产环境里面解决跨域的几种方法

Vue项目中跨域问题的解决

关于vue项目请求WCF服务跨域的问题(后台设置)

vue的开发模式跨域解决方案和代理配置

开发环境Vue访问后端代码(前后端分离开发,端口不同下跨域访问)

Nodejs代理解决开发环境下跨域问题