vue 解决项目接口跨域,线上域名与本地开发域名不一样的问题

在本地开发的时候,调用接口,出现跨域的问题,后台也能给解决,但是可以在vue项目里面的

config文件夹里面的index.js里进行配置,本地访问无压力

 

 

 

 

如果是以api开头的请求，会转到定义的地址上来。调用的时候直接'api'+'接口名'

但是在生产环境下，域名也都变了,我们还要手动配置或更改这些地址比较麻烦,可以前端这边简单配置,就可以自动获取当前域名,给替换掉

 

具体配置
在项目中找到以下两个文件：

config/dev.env.js  和  config/prod.env.js

在config/dev.env.js文件中加入一行代码：BASE_API: '"//ku.bbtyun.com"'

 

 

       

在config/prod.env.js文件中加入一行代码： BASE_API: '"//ku.bbtyun.com"'

 

 

       

在src/main.js文件中配置全局变量（挂在vue原型上）
    process.env是一个全局变量，能够判断当前环境。

    

 

 

使用

 

 BASE_URL       ku_api前面自动加上配置的域名