如果有這樣的跨域問題,解決辦法:
? 第一步:在項目根目錄下創建 vue.config.js
和 package.json 同級目錄。
// vue.config.js
module.exports = {devServer: {proxy: {'/api': {target: 'https://app.yycjkb.cn', // 你的后端接口地址changeOrigin: true,pathRewrite: {'^/api': '/api' // 路徑重寫(可選)}}}}
}
? 第二步:改你的 request 文件,就是把你原先的后端路徑的前面的域名去掉
this.config.baseUrl = 'https://app.yycjkb.cn/api'
改為
this.config.baseUrl = '/api'
然后掉接口的時候,比如this.get('/user/info')
實際訪問的是 /api/user/info
被 vue.config.js 代理為 https://app.yycjkb.cn/api/user/info
? 第三步:重新啟動項目即可