Vue中-前端利用proxy解决跨域问题

最新推荐文章于 2024-05-20 13:43:08 发布

因、果362

最新推荐文章于 2024-05-20 13:43:08 发布

阅读量887

点赞数 1

文章标签：前端 vue.js javascript

本文链接：https://blog.csdn.net/qq_55900292/article/details/122989985

版权

1、什么是跨域？跨域问的是因为浏览器的同源策略，浏览器安全机制，控制台报错方式：Access to XLMHttpRequest at ''http------***"from orgin"http//localhost:8081"-------------并存在：Access-Control-Allow-Origin 单词，2、解决跨域问题（只限制在vue脚手架中，在广大大神的带领下只解决了这个问题，尴尬）步骤1、在文件vue.config.js文件中（没有直接创建，和pa.

摘要由CSDN通过智能技术生成

1、什么是跨域？

跨域问的是因为浏览器的同源策略，浏览器安全机制，

控制台报错方式：

Access to XLMHttpRequest at ''http------***"from orgin"http//localhost:8081"-------------

并存在：Access-Control-Allow-Origin 单词，

2、解决跨域问题（只限制在vue脚手架中，在广大大神的带领下只解决了这个问题，尴尬）

步骤1、

在文件vue.config.js文件中（没有直接创建，和package.json同文件夹）


module.exports = {
devServer: {
        proxy: {
            '/proxy': {
                target: 'http://352.578.214/shiyan/',
                changeOrigin: true, // 是否允许跨域
                secure: false, // 关闭SSL证书验证https协议接口需要改成true 
                pathRewrite: { // 重写路径请求
                    '^/proxy': '' //路径重写

最低0.47元/天解锁文章

因、果362

关注

1
点赞
踩
4

收藏

觉得还不错? 一键收藏
1
评论
Vue中-前端利用proxy解决跨域问题

1、什么是跨域？跨域问的是因为浏览器的同源策略，浏览器安全机制，控制台报错方式：Access to XLMHttpRequest at ''http------***"from orgin"http//localhost:8081"-------------并存在：Access-Control-Allow-Origin 单词，2、解决跨域问题（只限制在vue脚手架中，在广大大神的带领下只解决了这个问题，尴尬）步骤1、在文件vue.config.js文件中（没有直接创建，和pa.
复制链接

扫一扫