vue項目裏面使用腳手架實現跨域

今天在作vue項目的時候，項目在本地，接口數據在阿里雲，這就形成了跨域，在網上找了很久，網上大部分的方法都是找到config文件夾下面的index進行修改的，但是我找到的Index卻和他們描述的不同。後來找到了一個比較適合小白實現的方法。

 首先在vue項目的根目錄下建一個vue.config.js文件，vue.config.js裏面的代碼是這樣的：

module.exports = {

  publicPath: '/',

  devServer: {

    proxy: {

      '/api': {

        target: 'http://121.41.9.242:8082',  //這裏是目標服務器地址

        changeOrigin: true,

        ws: true,

        pathRewrite: {

          '^/api': '' "       //這裏必定要爲空

        }

      }

    }

  }

}

"^/api":後面必須爲空。這樣vue.config.js就搞定了。

而後就是發送網絡請求了，我看的大佬的那篇文章，其餘都很好，就是網絡請求哪裏沒說的很清楚，我寫好vue.config.js後網絡請求那裏還搞了一個小時才弄好。

網絡請求須要這樣發：

let { data } = await this.$axios.post(

          "/api/inside/user/findUserByUserId",

          null,

          {

            params: {

              userId: this.id

            }

          }

        );

本來後端給個人接口是這個：http://121.41.9.242:8082/inside/user/findUserByUserId

如今我髮網絡請求的接口是這樣：/api/inside/user/findUserByUserId，用/api代替前面的目標服務器地址，這樣就好了。