0
点赞
收藏
分享

微信扫一扫

Vue前端解决跨域问题(能自己动手就不麻烦后端ヽ(ー_ー)ノ)

前端王祖蓝 2022-01-13 阅读 4

前言

关于前端跨域问题,大家应该都不陌生,一般都是通过后端配置来解决比较简单。如果后端没有解决,我们如何从前端配置解决跨域问题呢?下面一起来看一下:

前端解决跨域的配置

打开vue.config.js 文件,在里面进行跨域的处理,配置代理就可以解决
如果没有这个文件就自己新建一个

module.exports = {
    devServer: {
        open: true,
        proxy: {
            '/api': {
                target: 'http://1.xxx.xx.64:5004/api2/',
                changeOrigin: true,
                pathRewrite: {
                    '^/api': ''
                }
            }
        }
    }

target里面的就是我们要请求的地址,用/api对其进行代理即可
配置完成之后,需要重启项目,这样跨域问题就能得到解决啦~

举报

相关推荐

0 条评论