vue實現前端跨域問題

在項目的根目錄下的vue.config.js文件中填寫以下代碼

注意：

1，如果沒有vue.config.js文件，自己創建一個。填入以下代碼。

2，如果這里設置了域名，而且用了axios請求后台，axios的baseUrl就不用設置域名了。

3，如果8080端口被其他應用占用，按照在啟動項目后的終端窗口的端口配置到這里。

4，文中 ‘/home’ 是訪問后台接口的接口，只有是以‘home’的才能代理。如：http://xxx.xx.cn/home/xx。根據自己項目的配置

module.exports = {
  devServer: {
    host:'localhost',
    port: 8081,
    proxy: {
      '/home': {
        target: 'https://www.baidu.cn',//要跨域的域名
        secure: false, //如果是https接口，如要配置此參數
        changeOrigin: true,
      }
    }
  },
  lintOnSave: false
}