VUE3.0解决跨域请求问题

这两天一直被这个跨域请求问题所困扰，百度了很多，但是都是说对config文件下的index.js进行修改。进行了多次修改无果。

最后经过多方查资料终于解决该问题。VUE3.0是没有config文件夹的，但是在根目录vue.config.js文件。通过对这个文件的修改最终实现了跨域请求。添加代码如下。

module.exports = {
  lintOnSave: false,
  publicPath:'',
  devServer: {
      proxy: {
        // 配置跨域
        '/api': {
          target: '你要访问的地址，如http://localhost:8764/',
          ws: true,
          changOrigin: true,
          pathRewrite: {
            '^/api': ''
          }
        }
      }
},
}
           

然后在发送ajax请求的地方做如下操作，使用在上面文件中配置的api。hi是我的请求路径一部分，根据自己具体需求写。然后请求就可以成功发送。

const url="/api/hi"
        this.$ajax.get(url,
        {params: {
          uname:this.user.uname,
          account:this.user.account,
          },
          })
        .then(res=>{
           

文笔不好，如果你认为文章有什么问题请和我联系，。