之前用nginx 作为服务器部署vue项目,部署玩后,点菜单进入功能界面没有问题,但是当你刷新浏览器或者在浏览器地址回车就会404,在网上看了很多,增加try_files $uri $uri/ /index.html,代码如下:
server {
listen 80; #监听80端口
server_name localhost;
localhost / {
root /xxxx/xxx/xxx; #你项目在系统中的路径
try_files $uri $uri/ /index.html
index index.html index.htm;
}
}
试了一下神奇的问题出现了,在浏览器输入ip会进入一个默认界面,同学们都知到吧,除了这个界面,其他的刷新都没有404了,就这个还有。最后又百度了一堆,试了很多,比如把404定位到默认页面啥的,我这里都不管用,最后我单独给这个默认的地址加了个配置。比如我输入localhost:8080 ,会跳转到localhost:8080/main这个界面,配置如下:
server {
listen 80; #监听80端口
server_name localhost;
root /xxxx/xxx/xxx; #你项目在系统中的路径
index index.html index.htm;
localhost / {
try_files $uri $uri/ /index.html
}
localhost /main {
try_files $uri $uri/ /index.html
}
}