Javascript

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

本文主要是介绍Vue前端解决跨域问题（能自己动手就不麻烦后端ヽ(ー_ー)ノ），对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

前言

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

前端解决跨域的配置

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

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

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

这篇关于Vue前端解决跨域问题（能自己动手就不麻烦后端ヽ(ー_ー)ノ）的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航