vue如何简单的一种解决跨域问题的方法

      我们先在找到一个vue.config.js的文件,然后在里面加上以下代码：

---

module.exports = defineConfig({
  transpileDependencies: true,
  devServer: {
    proxy: {
      //网易新闻--接口
      '/api': {
        target: 'http://localhost:7878', //
        ws: true,
        changeOrigin: true,
        pathRewrite: { //重写路径
          '^/api': ''
        }
      }
    },
  }
})

         这样我们就解决了跨域代理问题，但还没结束，接下来我们需要在原本的接口上加上"/api"，比如：

---

 getGoodsList: '/api/projectList'

       但如果接口都是用这个同一个后台服务器，我们可以在请求接口axios的二次封装里面重新写下代码，这样我们就不用在所有的接口前面加上"api"了，如：

---

const instance = Axios.create({
    baseURL: '/api',
    timeout: 5000
})

只有这样，我们才能跨域访问后台的接口，当然我们也可以提醒后台给我们解决接口跨域问题，

后台如果是用express搭建的后台，可以看我另外一篇有关express解决跨域的文章，我里面有写了三种简单可以解决跨域问题的方法。

---

            希望我的这篇文章可以帮助到您，谢谢