vue-element-admin 跨域的問題 https跨域訪問不到後臺接口,轉代理proxy

因爲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調用後臺接口,愉快的碼代碼了。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章