vue部署遇到的问题

最新推荐文章于 2025-09-08 10:36:57 发布
原创 最新推荐文章于 2025-09-08 10:36:57 发布 · 278 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

问题：发布后请求cdn一直报 http 403错误，于是就换了自己服务器的cdn，至今不明白好好的别人的cdn怎么就不管用了😂

能外部引的JS就不要写在项目里，因为引入到工程中的所有js、css文件，编译时都会被打包。浏览器必须加载完所有js，才能开始显示首屏，会导致首屏加载速度奇慢。

所以，可以在index.html里面引入cdn形式的js、css文件

详解Vue项目部署遇到的问题及解决方案
10-17
Vue项目部署过程中，开发者可能会遇到两类主要的问题：一是选择使用Vue-Router的hash模式还是history模式，二是如何根据不同的部署环境进行适当的配置调整。本文将深入探讨这两种模式的区别、使用场景，以及在不同...
vue项目部署上线遇到的问题及解决方法
08-27
以下将详细讲解在Vue项目部署上线时可能遇到的问题及其解决方案。 首先，要进行服务器搭建。通常选择云服务提供商，如腾讯云，购买服务器并配置域名。未备案的域名也可以使用，但可能在某些国家或地区访问受限。...
通过nginx配置Vue nginx报403问题的解决方法
Magic1an的博客
09-17 1万+
今天在服务器上通过子目录部署vue build后的文件时，遇到了部署后访问该路径报403 Forbidden的问题。具体情况如下： nginx的版本为1.17.3 此时nginx.conf的配置情况 server { listen 5000; server_name localhost; ...
electron-vue-admin 打包请求反馈403
卉翊的博客
06-08 945
electron-vue-admin 请求反馈403
关于VUE项目打包后，使用nginx部署在linux平台访问403问题解决方案
最新发布
qq_43302243的博客
09-08 265
针对vue项目打包后，使用nginx部署到linux平台，访问时出现403的解决方法
导致403错误的原因和解决方法
热门推荐
u010227042的博客
11-22 17万+
一、导致403错误的主要原因 　　403 Forbidden错误的原因和解决方法 　　1、你的IP被列入黑名单。 　　2、你在一定时间内过多地访问此网站(一般是用采集程序)，被防火墙拒绝访问了。 　　3、网站域名解析到了空间，但空间未绑定此域名。 　　4、你的网页脚本文件在当前目录下没有执行权限。 　　5、在不允许写/创建文件的目录中执行了创建/写文件操作。 　　6、以http方式访问需要ssl连接的网址。 　　7、浏览器不支持SSL 128时访问SSL 128的连接。 　　8、在身份验证
vue项目打包成dist文件夹之后后端请求报404错误解决方法
qq_52126119的博客
11-17 7551
背景：前端Vue项目打包后部署在服务器上，而后端接口在另外一台服务器。本地生产环境运行时因为在Vue中配置了proxy代理，所以项目运行正常。找了好多方法，并进行了归纳，本文仅提供思路，方便自己以后遇见同样问题有思路，文章会不断完善，若未能解决问题，请见谅！整理了几个博主写的比较清晰的解决方法。
vue打包上传服务器刷新404问题的两种方案
qq_29197577的博客
06-10 2042
vue打包上传服务器刷新404问题的两种方案
vue项目部署到Apache服务器中遇到的问题解决
10-18
Vue.js项目部署到Apache服务器的过程中，常常会遇到一些问题，这些问题主要是由于Vue Router的`history`模式和Apache服务器配置不兼容导致的。Vue Router的`history`模式在URL中不包含`#`符号，而是使用浏览器的...
解决vue-cli3 使用子目录部署问题
10-18
然而，在实际部署过程中，可能会遇到将应用部署到服务器子目录的情况，这就会引发一些问题。本文主要针对"vue-cli3 使用子目录部署问题"进行深入解析。 首先，当我们在开发环境中使用 `vue-cli3 build` 命令时，...
Vue前端项目部署IIS的实现
10-15
如果遇到安装失败的问题，可能是因为Windows Update Server设置问题，需要修改注册表键`HKEY_LOCAL_MACHINE/SOFTWARE/Policies/Microsoft/Windows/WindowsUpdate/AU`，将`UseWUServer`值从1改为0，重启后再尝试安装...
部署vue项目到服务器时访问出现403权限不足
Zwwxd666的博客
04-18 3780
部署vue项目到服务器时访问出现403错误
记录vue项目访问后端接口报403的问题
hyb90517的博客
08-06 2万+
** 记录下我坎坷的心理路程…希望对有缘者有所帮助，也对自己有个警醒。 ** 之前一直用的vue2开发的项目，后端用的springBoot。 现在项目升级，前端改用vue3.0+typeScript，后端还用springBoot，多加了个微服务。 然后前端底层框架都搭建完准备调用接口时候，在登录处就卡住了。一开始报错403，是跨域的问题，然后经过配置vue.config.js文件。解决了跨域的报错问题。 但是跨域是不报了。这回是直接报403。在没有别的额外提示了。 先在网上各种查资料，有说后端问题的，有说没
vue3框架实现前后端连接总是出现403错误
New_moon__的博客
03-19 1479
当您在Vue 3应用程序中运行时，如果出现类似 "Network: use --host to expose" 的消息，这通常表示您的开发服务器只监听了本地回环地址（localhost），而没有监听外部IP地址，这导致外部无法访问您的应用程序。这可能会导致无法与后端连接的问题。这将使开发服务器监听所有可用的网络接口，包括外部网络接口，从而允许外部IP地址访问您的应用程序。请注意，这种做法在开发阶段通常是可以接受的，但在生产环境中应该遵循更严格的安全措施，确保服务器仅监听必要的网络接口并且有必要的安全配置。
vue项目dist编译文件部署到服务器：页面空白、F5刷新报错404、403报错、等等bug - 总结篇
草巾冒小子的博客
03-11 7781
vue编译打包dist文件之后部署到线上服务器 ，访问页面却是空白！ 为什么？本地wampserver环境配置，确是正常的效果！ 404报错：Not Found （截图如下） 以上就是关于“　vue项目编译打包dist文件之后部署到服务器 - 无法访问页面　”　的全部内容。 ...
vue 中引用高德地图 JS API ，本地正常，部署就报错 403
Greenhand_BN的博客
03-29 1327
VUE 项目中需要用到地址转经纬度，引用了高德地图JS API中的。本地运行正常，部署到测试环境，直接报错403。引入方式修改为：npm 安装，地理编码与逆地理编码。中以CDN 方式引入。
vue项目部署到Gitee Pages,接口出现403处理
豪先生的博客
12-30 1046
如果是有自己的服务器，放自己网站上，可直接用axios部署就行，就可跳过api、untils这2个文件夹的操作。上面代码是引入刚才创建的untils文件夹里面的文件，untils里面的文件如下，可以直接复制。这样设置后，接口就设置完成了，接下来设置vue.config.js（项目没有就自己创建）vue.config.js设置好就进行打包,部署到gitee上就能正常使用了，vue.config.js里面设置部署gitee仓库。api文件夹里面的user.js文件内容。base.js 请求接口。
VUE更改代理之后报403问题解决方案
tpf1070527713的博客
05-14 6375
一：问题描述 如下图，更改了VUE的代理之后，页面报403错误 二：解决办法 Ctrl+shift+delete清理掉浏览器缓存后再访问，具体什么原理小编也不是很清楚，只是开发中遇到这个问题记录一下
【VUE】调用接口时报403 Forbidden
weixin_44404948的博客
12-08 5274
代理配置问题，改了代理监听路径，忘了改pathRewrite，pathRewrite应与上面监听名称保持一致。
vue部署的跨域问题
03-11
### 解决Vue应用部署过程中的CORS跨域请求问题 在现代Web应用程序开发中，特别是在使用Vue.js作为前端框架并与后端API交互时，跨源资源共享（CORS）问题是开发者常遇到的一个障碍。当Vue应用部署到生产环境时，确保前后端之间的顺利通信至关重要。 对于Vue项目的部署阶段所面临的CORS问题，主要通过调整服务器侧配置来处理更为安全可靠[^2]。如果采用Spring Boot构建后端，则可以在控制器层面上利用`@CrossOrigin`注解实现细粒度控制。此注解允许指定哪些域名被授权访问资源以及预检请求的有效期等参数[^3]。 另外，在某些情况下，即使设置了`@CrossOrigin`也可能因为路径映射不当而未能成功解决问题；此时应确认@RequestMapping下的HTTP动词是否已明确定义，并且URL模式匹配正确无误[^5]。 除了上述措施外，还可以考虑设置全局代理或者修改Nginx反向代理规则等方式间接规避直接面对的跨域难题。例如，在Nginx配置文件里增加location区块并指向实际的服务地址，从而让所有来自特定子路径下的请求都被转发给目标主机完成真正的业务逻辑调用而不触发浏览器的安全机制限制[^4]。 ```nginx server { listen 80; server_name localhost; location /api/ { proxy_pass http://backend_server_address/; proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_set_header X-Forwarded-Proto $scheme; } } ``` 综上所述，针对Vue应用部署期间产生的CORS跨域请求问题，建议优先从优化后端接口权限管理入手，必要时辅以网络层面的技术手段加以辅助解决。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值