因爲vue的https訪問不到後臺接口,http可以正常訪問,項目需要使用https,所以解決辦法,轉代理解決跨域問題。
npm run serve/dev跑起來的是開發模式,因爲是運行的本地服務模擬啓動的;
npm run build生成的是打包好的文件,用來部署到服務器上運行,所以是生產模式
1.修改vue.config.js,增加proxy代理、
//vue-cli3.0 裏面的 vue.config.js做配置
proxy: {
// change xxx-api/login => mock/login
// detail: https://cli.vuejs.org/config/#devserver-proxy
[process.env.VUE_APP_BASE_API]: {
target: `https://www.autolive.cn/gw`, //服務器地址
changeOrigin: true,
pathRewrite: {
['^' + process.env.VUE_APP_BASE_API]: '/'
}
}
},
2.如果增加了攔截器,request使用時
// 創建axios實例
const service = axios.create({
// baseURL: 'https://cs.autolive.cn/auth',
baseURL: process.env.VUE_APP_BASE_API,
timeout: 10000 // 請求超時時間
})
這樣就可以正常使用https調用後臺接口,愉快的碼代碼了。