前端跨域问题的解决办法

在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