Day 100/100 Vue3.0 & Vue-cli4.5 跨域问题

写在前端的话

除了后端解决跨域问题

前端可以解决吗？

答案是可以~~~

（一）问题

遇到了跨域问题，本地的URL是

http://localhost:8080/#/

接口请求是IP:端口

报错，跨域了...

 

（二）解决方案

1、后端配置

Access-Control-Allow-Origin

Access-Control-Request-Method

2、前端解决问题

1）在vue.config.js文件加入生产环境代理

devServer: {

    proxy: {

      '/api': {

        target: 'http://182.92.***.**:3000/',  // 跨域目标主机，自行修改

        changeOrigin: true, 

        pathRewrite: {

          '^/api': ''  // 重写地址

        }

      },

    }

  },

2）接口请求修改：

/api/api/auth/login

3）重启前端项目，生效

 

参考链接

https://blog.csdn.net/weixin_39553363/article/details/104152142

https://juejin.cn/post/6844904055148380173