vue webpack配置多个代理 vue.config.js相关配置

最新推荐文章于 2024-07-16 10:54:40 发布
最新推荐文章于 2024-07-16 10:54:40 发布
阅读量1.3k 收藏 2
点赞数
分类专栏： webpack使用问题 vue相关问题（vue3、vue2） 文章标签： vue.js javascript webpack
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39550080/article/details/128288988
版权

在vue.config中配置代理,这里要注意proxy中标志单词不能有重复的组成，比如第一个请求匹配'/api'，后面的匹配在不能出现‘/api’组成的标识了，比如’/api2’.因为都含有相同的标识只会匹配第一

正常情况我们配置一个的话，如图：在vue.config.js配置了一个“/api”
在这里插入图片描述

当我们想在配置一个不同的代理，不根据“/api”去做，需要根据"/otherapi"去判断是，需要在vue.config.js中新增一个配置"/otherapi"，如图：
在这里插入图片描述

回忆哆啦没有A梦
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
webpack.config.js配置详解
qq_41800210的博客
03-18 5569
第一步：WebpackConfig.js 四个核心概念 入口（entry） 指示webpack使用哪个模块作为构建其内部依赖图开始，进入起点后依赖项被处理，最后输出到bundles文件中 // 使用CommonsChunkPlugin 多页面创建，相互间...
vue中的axios的webpack配置代理以及二次封装
NamedDifficult的博客
10-08 345
在项目根目录下 创建vue.config.js文件 注：此文件跟src是同级路径而不是包含关系 module.exports={ // 部署应用时的基本url publicPath:"", // 打包构建应用的文件夹 outputDir:"dist", // 打包时存放静态资源的文件夹，js/img/css assetsDir:"static", // 指定生成的index文件 indexPath:"index.html", // 配置请求代理 devServer:...
webpack配置代理请求
最新发布
qq_45089709的博客
07-16 518
【代码】webpack配置代理请求。
webpack详细配置
wzg0817的博客
07-17 214
webpack详细配置???? webpack详细配置之entry entry: 入口起点 1. string --> './src/index.js' 单入口 打包形成一个chunk。 输出一个bundle文件。 此时chunk的名称默认是 main 2. array --> ['./src/index.js', './src/add.js'] 多入口 所有入口文件最终只会形成一个chunk, 输出出去只有一个bun
vue项目webpack代理配置
流云浮沙
06-09 232
webpack es6 npm包_前端 Webpack 工程化的最佳实践
weixin_39686634的博客
10-29 297
作者 |阿里文娱前端开发专家芃苏责编 | 屠敏头图 | CSDN 下载自视觉中国引言▐前端构建工具的演变回想在2015-2016年的时候，开发者们开始渐渐把视线从大量使用Task Runner的Grunt工具，转移到Gulp这种Pipeline形式的工具。Gulp还可以配合上众多个性化插件(如gulp-streamify)，从而使得整个前端的准备工作链路，变得清晰易控，如刷新页面、...
【解决webpack-dev-server 动态配置代理问题】
Z_huade的博客
04-25 5817
在常规开发中，基本上都会有好几套环境，开发环境dev.com,测试环境test.com。我们在对接不同的环境联调的时候，一般是通过切换target，来实现连接不同的环境。然而，总是需要切换不同的域名，或者与多个后端同事协同开发的时候，经常切换target，那就得经常重启服务，这就让人很难受了
vue.config.js完整配置-超详细
05-26
在 Vue 项目中，`vue.config.js` 文件是一个可选的配置文件，它允许开发者自定义项目的各种设置，以满足特定需求。这个文件通常位于项目的根目录下，如果使用了 `@vue/cli` 创建的项目，那么在初始化时该文件可能不...
vue.config.js配置（vue3 + webpack）
11-02
vue.config.js配置（vue3 + webpack）
如何配置vue.config.js 处理static文件夹下的静态文件
10-15
在Vue.js应用开发中，尤其是使用Vue CLI 3.x或更高版本时，有时我们需要...希望本文能帮助你理解和解决类似的问题，更多有关`vue.config.js`处理静态文件的技巧，可以继续探索相关文档或教程，提升你的Vue开发技能。
Vue-cli3项目配置Vue.config.js实战记录
10-18
总结来说，`vue.config.js` 是 Vue CLI 3 中的核心配置文件，它使得开发者能够轻松地自定义 Webpack 配置，以适应各种项目需求。通过理解并熟练使用这些配置选项，你可以优化构建过程，提高开发效率，并确保应用性能...
vue.config.js中配置Vue的路径别名的方法
10-15
Vue CLI提供了一个名为`vue.config.js`的配置文件，允许我们自定义项目的构建设置，其中包括配置路径别名。以下将详细介绍如何在`vue.config.js`中设置Vue的路径别名。 首先，我们需要在项目的根目录下创建或编辑`...
使用webpack配置vue项目代理 （超简单）
weixin_30552811的博客
11-21 175
　　我们都知道，前端开发跨域是一个很常见的问题，当然跨域的方法也有很多，现在我就给大家分享一个在vue项目中如何使用webpack做代理，步骤简单，操作方便，本人亲测，巨好使
Webpack配置
nanxun201314的博客
03-15 2819
Loader本质就是一个函数，在该函数中对接收到的内容进行转换，返回转换后的结果。因为 Webpack 只认识 JavaScript，所以 Loader 就成了翻译官，对其他类型的资源进行转译的预处理工作。Plugin就是插件，基于事件流框架Tapable，插件可以扩展 Webpack 的功能，在 Webpack 运行的生命周期中会广播出许多事件，Plugin 可以监听这些事件，在合适的时机通过 Webpack 提供的 API 改变输出结果。
Vue2.x多个代理第一个起作用，其他报504
qq_28205003的博客
01-18 507
proxyTable: { '/api': { target: 'https://XXXXXXXX', // 设置你调用的接口域名 changeOrigin: true, // 是否跨域 ws: true, secure: false, pathRewrite: { '^/api': '/' // 这里可以理解为用‘/api’来代替target里面的地址，例如我们调用http://jspang.c...
vue.config.js 配置
热门推荐
muzidigbig的博客
04-13 4万+
vue.config.js配置项 vue-cli3 脚手架搭建完成后，项目目录中没有 vue.config.js 文件，需要手动创建 创建vue.config.js vue.config.js(相当于之前的webpack.config.js) 是一个可选的配置文件，如果项目的 (和package.json同级的) 根目录中存在这个文件，那么它会被@vue/cli-service自动加载。你也可以使用package.json中的vue字段，但是注意这种写法需要你严格遵照 JSON 的...
Vue专题（五）基于webpack的Vue项目配置代理解决跨域问题
XueZePeng18729875380的博客
03-15 1546
基于webpack创建的vue项目，自身会有config的配置文件。当请求后台接口，出现跨域报错时。
vue项目中webpack配置代理，解决跨域问题
qq_33040483的博客
10-12 1585
在config文件夹中的index.js文件配置 主要是这句话 proxyTable: { //本地测试接口 '/': { target: 'http://xx.xx.xx.xx', changeOrigin: true, secure: false } }, ​示例代码： module.exports = { ...
webpack+vue-cil 中proxyTable配置接口地址代理
luwenze的博客
12-03 1078
在项目开发的时候，接口联调的时候一般都是同域名下，且不存在跨域的情况下进行接口联调 但是当我们现在使用vue-cli进行项目打包的时候，我们在本地启动服务器后 比如本地开发服务下是 http://localhost:8080这样的访问页面，但是我们的接口地址是 http://xxxx.com/save/index这种情况 我们这样直接使用会存在跨域的请求，导致接口请求不成功，因此我们需要在打包的时...
前端webpack.config.js 和vue.config.js
09-01
您好！关于您提到的两个配置文件——webpack.config.js和vue.config.js，它们分别是用于前端项目构建的工具webpack和Vue.js框架的配置文件。 webpack.config.js是webpack的配置文件，用于定义项目的构建规则、打包方式和各种插件的配置等。通过配置该文件，我们可以指定入口文件、输出目录、模块解析规则、样式处理、代码分割、压缩等一系列构建相关的配置。 而vue.config.js是Vue CLI（脚手架工具）自带的配置文件，用于定制Vue.js项目的开发环境和构建配置。通过该文件，我们可以配置开发服务器、代理、打包输出路径、静态资源的路径等相关配置。 这两个配置文件对于前端项目开发非常重要，可以根据具体需求自定义配置，以满足项目的构建和开发需求。希望能对您有所帮助！如果还有其他问题，请随时提问。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

回忆哆啦没有A梦

你的鼓励将是我创作的最大动力！

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值