打包好的vue项目上传到linux服务器上,使用nginx作为服务器时,vue项目的路由失效问题。

解决方案:

配置nginx.conf

添加如下配置

location / {
    root   /usr/local/~~;  # 指定vue项目文件的位置,注:用户目录的话会出现403问题
    index  index.html; # 访问 / 时跳的页面
    try_files $uri $uri/ @router; # 截取404的uri,传给 @router
}
location @router {
    rewrite ^.*$ /index.html last; # 接到截取的uri 并按一定规则重写uri和vue路由跳转
}

 

Logo

前往低代码交流专区

更多推荐