当你遇到Vite项目打包后部署到Nginx服务器上路由出现404错误的问题时,这通常是因为Nginx无法正确地处理前端路由请求。以下是一些步骤和配置建议,帮助你解决这个问题: 1. 确认Vite项目打包无误 首先,确保你的Vite项目已经正确打包,并且生成了包含index.html和所有静态资源(如JS、CSS、图片等)的dist目录。你可以通过运行...
nginx部署如图: nginx配置 1.部署后资源文件访问不对 访问资源js路径404 解决方案:在vite.config.production.ts(生产环境的配置文件),对应的base属性设置要部署的目录‘/arcodesignpro/’,如下图: 参考文档:配置 Vite | Vite 官方中文文档 2.部署在非根服务目录下,如:部署在http://192.168.31.223:8090/arcodesig...
3.访问页面子路由后刷新页面404; 解决方案:修改nginx配置文件 修改后刷新对应的路由均可以访问正常: 4.访问页面子路由后刷新页面500; 这种情况一般是nginx用的root指向部署文件路径导致多出一层目录,访问不到文件而报错,我一般用alias,它指向的就是对应的实际目录不会增加访问的路由。 用法: #aliaslocation /i/{al...
修改完成后,跳转正确: 3.访问页面子路由后刷新页面404; 解决方案:修改nginx配置文件 修改后刷新对应的路由均可以访问正常: 4.访问页面子路由后刷新页面500; 这种情况一般是nginx用的root指向部署文件路径导致多出一层目录,访问不到文件而报错,我一般用alias,它指向的就是对应的实际目录不会增加访问的路由。 用法: ...
vite2.9 + vue3.2 打包部署到nginx上刷新页面404问题 在本地运行没问题,部署到服务器上,能正常访问,但是刷新之后页面404 原有的Nginx配置为: server { listen80; root/app/tansci/dist; index index.html; location~* ^/(tansci) { proxy_pass http://127.0.0.1:8080;proxy_connect_timeout 30s; ...
vite + vue3 打包部署到 nginx 刷新页面 404 在本地运行没问题,部署到服务器上,能正常访问,但是刷新之后页面 404 原Nginx 配置 代码语言:javascript 复制 server{listen80;root/app/tansci/dist;index index.html;location~*^/(tansci){proxy_pass http://127.0.0.1:8080;proxy_connect_timeout 30s;proxy_se...
vue3 + vite + nginx 在服务器上部署后打开首页都没问题,打开其他路径全部 404。 nginx 报错日志:No such file or directory 其实查看 build 后的dist文件夹可以发现,只有一个index.html,当你访问别的路径时nignx查找不到所以就报错了 解决方案: 在nginx.conf 中添加:try_files $uri $uri/ /index.html; ...
访问http://localhost:8128/pageA.html 正常,页面内跳转 http://localhost:8128/pageA.html/hello 也正常,但是刷新 http://localhost:8128/pageA.html/hello 时会报错 404 解决(第一步): 404报错就如字面意思,没找着,放到生产环境上我们都知道路由模式改用history时需要服务端做一层nginx的重定向。
Nginx proxy configured as ` location ^~ /app-catalog { 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; ...
在使用VUE3作为前端,ABPVNEXT6.0作为后端框架。使用Nginx部署后无法访问api,接口报错404 找错思路很重要,网上找到了很多Nginx配置信息,但是都不起作用,即使更换服务器重新部署也无法生效 后来才发现,ABPNEXT对于未找到对应实体的报错就是404,按照正常的程序逻辑,404应该就是notfound,这一点让我走了很多弯路。