Vue3.0开发环境跨域代理

Dear 丶 2022-09-13 06:25 138阅读 0赞

Vue2.0:  
vue.config.js文件下配置

devServer: { 
            port: 8080, // 端口号
            host: "0.0.0.0",
            https: false, // https:{type:Boolean}
            open: false, //配置自动启动浏览器
            proxy: { 
                "/api": { 
                    target: "", //对应自己的接口URL
                    changeOrigin: true,
                    ws: false,
                    pathRewrite: { 
                        "^/api": "",
                    },
                },
            },
        },

Vue3.0：  
vite.config.js文件下配置

import vue from '@vitejs/plugin-vue'
    
    export default { 
        base: './',
        plugins: [vue()],
        optimizeDeps: { 
            include: ['schart.js']
        },
        server: { 
            proxy: { 
                '/api': { 
                    target: 'http://localhost:7000/', //对应自己的接口URL
                    ws: false,
                    changeOrigin: true,
                    rewrite: (path) => path.replace(/^\/api/, '')
                }
            }
        }
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，138人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue 跨域解决方案，配置代理

早到devServer 增加红色图片中红色的模块 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cH

た入场券/ 2023年07月24日 02:27/ 0 赞/ 16 阅读

相关 vue+uniapp：跨域问题（解决法式vue代理）

一、manifest.json文件中，在h5中配置（注意/api的使用） ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_tex

快来打我*/ 2023年01月07日 04:53/ 0 赞/ 280 阅读

相关 webpack 设置跨域代理 vue设置代理

Webpack Dev Server 代理 API 我们的开发项目一般运行localhost：8080 但后端的接口部署在同源地址下，生产环境没问题，但是本地就不行了

刺骨的言语ヽ痛彻心扉/ 2022年12月26日 13:28/ 0 赞/ 281 阅读

相关 Vue Nginx反向代理配置解决生产环境跨域

Vue [本地代理][Link 1]编辑好后，能实现跨域获取接口数据，但是打包后在生产环境接口报错404，要怎样才能解决生产环境跨域问题呢？在开发环境配置好本地代理后，

爱被打了一巴掌/ 2022年10月20日 05:24/ 0 赞/ 269 阅读

相关 Vue3.0开发环境跨域代理

Vue2.0: vue.config.js文件下配置 devServer: { port: 8080, // 端口号

Dear 丶/ 2022年09月13日 06:25/ 0 赞/ 139 阅读

相关 vue-cli本地环境API代理设置和解决跨域（包括cookie跨域的解决）

前言我们在使用vue-cli启动项目的时候`npm run dev`便可以启动我们的项目了，通常我们的请求地址是以localhost:8080来请求接口数据的，loca

蔚落/ 2022年05月13日 18:15/ 0 赞/ 236 阅读

相关 vue-cli本地环境API代理设置和解决跨域

前言我们在使用vue-cli启动项目的时候`npm run dev`便可以启动我们的项目了，通常我们的请求地址是以localhost:8080来请求接口数据的，loca

系统管理员/ 2022年05月09日 03:14/ 0 赞/ 280 阅读

相关 vue 请求代理==>>跨域问题

以下配置仅适用于vue cli3。在前后端分离的项目中，一般在开发过程中，前端应用是在本地`localhost`运行的，但此时 API 接口在其他主机上，这是进行 API

「爱情、让人受尽委屈。」/ 2022年03月10日 05:54/ 0 赞/ 339 阅读

相关 Vue之生成环境跨域和开发环境跨域的区别！

生产环境必须直接填写api的真实url，然后在服务器端配置跨域： // 测试环境 let server_domain_name = "/api";

小灰灰/ 2021年09月19日 08:32/ 0 赞/ 292 阅读

相关跨域请求代理

解决问题：在本地了开发中，使用线上的数据。 url的前三个部分的改变，都会产生跨域的问题，所以webpack-dev-server提供了一些配置，可以解决跨域请求的问题在

末蓝、/ 2021年09月02日 09:03/ 0 赞/ 568 阅读