前端跨域問題的解決辦法

在webpack.config.js文件裏設置代理

devServer: {
    //  配置靜態資源目錄
    contentBase: path.join(__dirname, 'public'),
    // 設置開發服務器的端口號
    port: 8061,
    // 設置代理用於解決跨域問題
    proxy: {
      '/api': {
        target: 'http://192.168.29.12:8083', // 根據自己需要，編寫ip和端口
        pathRewrite: {
          '^/api': ''
        }
      }
    }

然後在axios文件裏初始化一個axios對象

import axios from 'axios'
// 初始化一個axios對象
const instance = axios.create({
  // 接口地址根路徑
  baseURL: '/api',
  // 請求超時時間
  timeout: 20000
})

這裏的baseURL就是在config.js裏面設置代理的api