vue部署到tomcat后，通过proxyTable配置的跨域路径都访问不到了？

最新推荐文章于 2023-08-01 11:28:17 发布
原创 最新推荐文章于 2023-08-01 11:28:17 发布 · 7.5k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了Vue-cli提供的代理功能，特别强调了该功能仅适用于开发环境，并详细说明了如何在生产环境中部署Vue应用程序，包括使用npm run build命令生成dist文件夹及如何通过nginx服务器进行配置。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

Vue-cli提供的代理功能，只是让你在开发环境下使用的，它(http-server-middleware)依赖于node环境，生产代码应该使用npm run build然后把dist放到nginx服务器上，在nginx上配置代理地址

【vue】项目打包&部署到tomcat&express部署&无法请求后台接口404&Access-Control-Allow-Origin跨域问题
hanne_lovegood的博客
03-30 8779
cnpm run build 打包到项目文件夹下的dist; vue部署到tomcat 安装express: npm install express -g npm install express-generator -g 配置环境变量 express expressDemo创建项目 npm install下载依赖 把dist目录下的所有文件（static包和index.html）复制到express项目的public文件夹下； npm start 启动项目； 设置页面图标； 404错误 跨域问题 修改端口号
【vue】vue项目部署tomcat、nginx及跨域问题
qq_43185247的博客
05-05 1353
vue部署tomcat\、nginx和跨域问题
Vue部署到Tomcat时遇到的问题
yuxuanji99的博客
09-03 3029
Vue配置到Tomcat中遇到的问题
vue项目解决访问tomcat服务器文件跨域问题
每天都记录一点点！
08-01 1308
跨域相关的知识就不多说了，这里直接说解决方案。/test.pdf，现在就改成http://localhost:3002/proxy/test.pdf。/test.pdf，现在就改成http://localhost:端口号/proxy/test.pdf。这样跨域访问tomcat文件的问题就解决了。我这里说的是不走接口层次的，同上，比如访问文件路径是。
vue跨域问题（Tomcat部署）
yuechuzimu
07-19 1994
vue+springboot会遇到的跨域问题。否则在Tomcat无法运行（报资源屏蔽错误）vue与springboot都需要设置跨域。
vue 发布到正式环境跨域配置（及部署后无法通过路由访问问题）
chpswg的专栏
04-07 4672
vue在本地跨域通过配置proxy没有问题，但是发布到正式环境后仍然存在跨域问题，只有通过跨域 1、在vue.config.js文件中devServer下的proxy子节点添加正式环境跨域参数，这里在正式环境的跨域为api3s 2、配置正式环境参数 2.1 配置基于axios的请求跨域，新建axois的基础配置文件https.js，配置axios的默认url ，这样在正式环境，a...
vue项目打包部署到服务器的方法示例
10-18
4. **去除开发环境特有的配置**：例如，去掉在开发模式下配置的`proxyTable`，因为生产环境不需要解决跨域问题。同样，如果有在开发模式下配置的静态资源路径前缀（如`"/api"`），也需要在打包时去掉。 #### Vue...
vue cli代理跨域proxy
qq_47443027的博客
03-17 435
1、小小的提一下vue cli脚手架前端调后端数据接口时候的本地代理跨域问题，如我在本地localhost访问接口http://40.00.100.100:3002/是要跨域的，相当于浏览器设置了一道门槛，会报错XMLHTTPRequest can not loadhttp://40.00.100.100:3002/. Response to preflight request doesn’t pass access control…. 为什么跨域同源非同源自己去查吧，在webpack配置一下proxyT.
使用Nginx +Tomcat 前后端分离部署Vue.js +Java Web
kaizhao110的博客
07-27 9209
项目结构 nginx 部署Vue.js前端 Tomcat 部署Java Web 部署思路  vue.js 源码rpm build 后放nginx服务所在机器，配置好nginx静态网站路径 Tomcat 部署对应的Java ee web应用后端 nginx进行前端访问后端时的路由转发，替代在vue.js开发时dev模式的nodejs转发作用 需要处理的问题 登录验证 后端为Java应用，...
Vue与SpringBoot整合开发：跨域解决方案及示例
在webpack配置文件中，devServer部分可以设置proxyTable，用于将特定路径的请求代理到另一个服务器。当前端需要请求后端API时，通过配置代理规则，可以避免跨域问题。 #### 配置示例 ```javascript devServer: { ...
tomcat跨域访问
08-12
在开发vue时，使和vue-cli开发时，后台为tomcat,因此需要配置tomcat支持跨域请求，这样可以在vue 开发阶段调用后台接口。
Vue项目webpack打包部署到Tomcat刷新报404错误问题的解决方案
08-27
今天很郁闷，遇到这样一个奇葩问题，使用webpack打包vue后，将打包好的文件，发布到Tomcat上，访问成功，但是刷新后页面报404错误，折腾半天才解决好，下面小编把Vue项目webpack打包部署到Tomcat刷新报404错误问题的解决方案分享给大家，需要的朋友一起看看吧
vue脚手架+Tomcat（servlet）发生跨域问题如何解决？
weixin_42508683的博客
02-05 2300
vue脚手za架+Tomcat（servlet）发生跨域问题如何解决？
vuejs打包到tomcat问题
qingfeng2556的博客
06-25 786
1、assetsPublicPath发布时build下应为"./"，开发时应该为"/"2\vue-router basevue-router里提供了一个base的属性base类型: string 默认值: "/" 应用的基路径。例如，如果整个单页应用服务在 /app/ 下，然后 base 就应该设为 "/app/" 。...
vue项目部署后跨域请求后端失败（已解决）
码出精彩
06-30 5873
vue项目部署后跨域请求后端失败（已解决）未解决前解决后解决办法 未解决前 验证码加载失败 解决后 验证码加载成功 解决办法 在 nginx/conf/nginx.conf 下做如下配置 server { listen 8080; # 监听的端口号 server_name 47.115.5.93; # 服务器的ip地址 root /usr/local/nginx/html; # 服务器中项目所在文件夹
vue跨域配置代理打包访问不到
波塞冬的博客
08-03 2938
vue配置代理打包无法访问
vue部署到tomcat
anshan0901的博客
05-23 143
# vue打包到tomcat部署步骤a.进入项目目录运行npm run devb.将dist目录复制到远程服务器下的tomcat/webapps下c.重启tomcatd.浏览器中访问 http:本机ip:8080/dist 转载于:https://www.cnblogs.com/jiangds/p/9077243.html...
vue打包部署到tomcat
qq_45670012的博客
10-09 402
每个月一次的技术文档是一个总结的过程，今天就来讲讲我最近遇到的vue项目打包部署到服务端的注意事项及步骤。 1我们用vue-cli脚手架建一个项目之后，在本地测试都没有问题，但是直接用npm run...
Vue如何解决跨域问题
白百柏在帝都
01-02 1059
关于跨域问题，前前后后也看过很多东西，一般解决Vue当中存在的跨域问题，都采用的是改配置的方法。这种方法相对简单，但是只在编译器里使用有效，当你将前端打好的包和后台部署到tomcat等服务器上，就会发现跨域的问题还是依然存在的 下面我们来说一下编译器中如何配置 找到config文件夹下的index.js中的proxyTable proxyTable: { "/api":{ ...
Vue-cli项目跨域配置：proxyTable详解
"vue-cli项目的proxyTable用于解决开发环境中API接口跨域的问题，主要涉及前端Vue.js框架和基于Node.js的脚手架工具vue-cli。跨域是由于浏览器的同源策略限制，不同源的资源之间无法直接交互。本文将详细探讨跨域的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值