vue2若依项目打包部署页面不请求或404

最新推荐文章于 2024-10-01 18:51:18 发布

死神萝莉

最新推荐文章于 2024-10-01 18:51:18 发布

阅读量269

点赞数 1

文章标签： java 服务器前端

本文链接：https://blog.csdn.net/u010741500/article/details/142488217

版权

关键字：若依 vue2 404 net::ERR_ABORTED 404 (Not Found)

环境：winodows+nginx+若依前端+路由hash模式

启动nginx：start nginx
重新加载nginx配置：nginx -s reload
测试配置文件：nginx -t
检测配置文件：nginx -t -c conf/nginx.conf
查看nginx版本：nginx -v

正常情况下，如果打包时vue.config.js的publicPath:"/", 并且把dist里的文件复制到文件夹html下

 server {
        listen       9999;
        server_name  localhost;
	    location / {
        root   html;#默认会到html里找文件
        index  index.html index.htm;
        }

如果打包文件路径是html/dist，则

 server {
        listen       9999;
        server_name  localhost;
	    location / {
        root   html/dist;#默认会到html里找文件
        index  index.html index.htm;
        }

由于某些特殊情况，一个域名多个项目(同ip不同端口则不需要配置)，需要使用子路径，publicPath为自定义路径，例如myPath，访问的时候localhost/myPath

server {
        listen       9999;
        server_name  localhost;
	    location / {
        root   html;
        index  index.html index.htm;
        try_files $uri $uri/ /myPath/index.html;
        }
  }