今天同学有个vue项目部署上线上后,刷新页面就会变空白页,因为项目是vue-cli3的比较新,我以前从来没遇到过部署后刷新页面空白的情况,于是我把他的项目试着在本地先模拟部署一下,确实是刷新后空白。在网上找方案各种实验都无效,于是我去官网找到官方配置,发现要加一句话
在这里插入图片描述
demo如下:

server {
        listen       80;
        server_name  www.test.com ;  #这个是配置的虚拟域名
        root   "C:\Projects\cmhrb\cmhrb"; #这个是项目对应的位置
        location / {
            index  index.html index.htm index.php;
            #autoindex  on;
            try_files $uri $uri/ /index.html;  #就是这一句
        }
        location ~ \.php(.*)$ {
            fastcgi_pass   127.0.0.1:9000;
            fastcgi_index  index.php;
            fastcgi_split_path_info  ^((?U).+\.php)(/?.+)$;
            fastcgi_param  SCRIPT_FILENAME  $document_root$fastcgi_script_name;
            fastcgi_param  PATH_INFO  $fastcgi_path_info;
            fastcgi_param  PATH_TRANSLATED  $document_root$fastcgi_path_info;
            include        fastcgi_params;
        }
}

保存后重启一下nginx再试试就正常了

Logo

前往低代码交流专区

更多推荐