Vue.js项目跨域配置

在开发vue项目本地开发过程中如何进行接口的调用，进行跨域设置。一般通过nginx、或者npm来进行跨域的配置。直接用Vue框架搭建的项目是可以在项目内配置跨域的。

vue.js开启跨域

项目config目录下index.js

proxyTable：{}  在括号内添加配置

proxyTable: {
     '/ser':{
       target:'url', 
       changeOrigin: true,
       pathRewrite: {
         '^/ser': ''
       }
     }
   },

url为api 接口路径

调用

src 目录下 main.js进行全局变量的定义

Vue.prototype.HOST="/ser"

this.HOST+"/(接口名称)"

https://blog.csdn.net/qq_33129625/article/details/79497046