美文网首页
Day 100/100 Vue3.0 & Vue-cli4.5

Day 100/100 Vue3.0 & Vue-cli4.5

作者: 赵国星 | 来源:发表于2021-02-02 19:44 被阅读0次

写在前端的话

除了后端解决跨域问题

前端可以解决吗?

答案是可以~~~

(一)问题

遇到了跨域问题,本地的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)重启前端项目,生效

相关文章

网友评论

      本文标题:Day 100/100 Vue3.0 & Vue-cli4.5

      本文链接:https://www.haomeiwen.com/subject/tbtutltx.html