2、浏览器直接访问 /static/目录,显示403 3、访问 /main/home,显示nginx页面 4、页面刚进入可以正常显示,刷新之后就显示404 页面刚进入是redirect指向的资源可以正常加载,刷新后404一般来说就是配置和真实的路径不符合,需要指定try_files 5、首页可以正常显示,刷新页面或者跳转到别的页面报错 Uncaught Syn
可以看到我配置了一个代理,单访问 127.0.0.1:8096 的时候,会跳转到我的 tomcat 服务下面,try_files $uri $uri/ /index.html; 就是官网上面的配置。 启动nginx,访问 127.0.0.1:8096 嗯? 仔细一看,明明访问的是 js,但是返回的是 index.html? 原因是访问这个 js 的时候 404 导致他被 nginx 转到了 index.ht...
history需要服务器支持,我们使用node或nginxhttp://localhost:8080/main/home nginx处理方式 在nginx的html根目录部署一个项目,然后新开一个文件夹,部署另一个项目,nginx.conf 代码语言:javascript 代码运行次数:0 运行 AI代码解释 location/{root html;index index.html index.htm;try_files $uri $uri//index.html...
http://localhost:8080/main/home nginx处理方式 在nginx的html根目录部署一个项目,然后新开一个文件夹,部署另一个项目,nginx.conf location/ {roothtml;indexindex.html index.htm;try_files$uri$uri/ /index.html } try_files: $uri: 当前请求路由 这句话意思是尝试请求当前路由,如果请求不到,就返回当前目录...
解决方法:确保try_files指令中的路径正确无误,并且Nginx有权限访问这些路径。此外,还要确保Vue构建后的文件已经正确地部署到了指定的目录中。 问题2:Vue应用中的路由不工作 解决方法:检查try_files指令是否正确地回退到了index.html文件。如果回退到了其他文件或URL,Vue Router将无法正确处理路由。 问题3:Nginx配置重...
http://1.15.179.248:8087/admin/ 配置如下 代码 server { listen8087; server_name1.15.179.248; #charset koi8-r; #access_log logs/host.access.log main; location/admin { alias/data/admin-test/; // 此处为admin项目放置的路径 try_files $uri $uri/ /admin/index.html; ...
/views/vue3_demo/root_router目录下的 index.html e)此处Nginx主要通过 try_files指令实现 Vue3的...
Vue路由history模式踩坑记录:nginx配置解决404问题 问题背景: vue-router默认是hash模式,使用url的hash来模拟一个完整的url,当url改变的时候,页面不会重新加载。但是如果我们不想hash这种以#号结尾的路径时候的话,我们可以使用路由的history的模式。比如如下网址:使用hash模式的话,那么访问变成 http://localhost:8080/...
后面尝试过其他nginx配置 # one location / { try_files $uri $uri/ /index.html last; root html; index index.html index.htm; } # two location / { try_files $uri $uri/ @router; index index.html; } location @router { rewrite ^.*$ / last; ...
支持Vue router使用 HTML5History 模式(Nginx/Apache) 前端Vue router 使用history模式,URL会比hash模式好看,这种模式要玩好,还需要后端配置支持,否则会报404错误。 注:前端代码省略。 后端配置例子 注意:下列示例假设你在根目录服务这个应用。如果想部署到一个子目录,你需要使用Vue CLI 的publicPath选项 (opens new...