vue-cli3部署后刷新空白解决方案

电玩女神 2022-01-16 01:23 833阅读 0赞

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

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzE1OTU1NDIz_size_16_color_FFFFFF_t_70]: /images/20220115/6edd8bb4f2b84c63afdd0005854f8fe3.png

发表评论取消回复

表情：

评论列表（有 0 条评论，833人围观）

还没有评论，来说两句吧...

相关阅读

相关 Excel——打开后空白，解决方法

文章目录 * 问题描述 * 解决方法 * * 打开注册表 * 修改注册表信息问题描述我的Excel2013打开后没有任何报...

水深无声/ 2024年04月19日 13:11/ 0 赞/ 83 阅读

相关 Vue 无阻碍刷新页面 - 无空白间隙刷新 - 执行增删改操作后刷新页面

参考链接 [1. vue——执行增删改操作后刷新页面][1. vue] [1. vue]: https://blog.csdn.net/weixin_40677985

￡神魔★判官ぃ/ 2024年03月23日 11:13/ 0 赞/ 54 阅读

相关 VueCli3项目解决打包问题

背景描述：自己之前做了一个vue的小案例，但是从来没有用过npm run build,果真遇到了挺多令人头疼的问题！然后在这里和大家分享一下！项目技术：VueCli3脚手

ゞ浴缸里的玫瑰/ 2023年09月26日 10:01/ 0 赞/ 97 阅读

相关 Nginx 部署去掉 # 的Vue 项目（解决刷新后访问 404）

> http { > include mime.types; > default_type application

阳光穿透心脏的1/2处/ 2023年06月18日 04:53/ 0 赞/ 3 阅读

相关 VUE_vuecli如何打包部署

前端打包 npm run build 打包的发布的代码相当于执行的package.json里面的vue-cli-service build

超、凢脫俗/ 2023年03月04日 08:11/ 0 赞/ 30 阅读

相关快速部署vuecli3 vuecli搭建 vuecli

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

本是古典何须时尚/ 2022年12月22日 11:07/ 0 赞/ 333 阅读

相关解决vue3打包过后空白页面

解决vue3打包过后空白页面在项目根目录下，新建一个vue.config.js文件 module.exports = { // 基本路径

深碍√TFBOYSˉ_/ 2022年11月17日 05:18/ 0 赞/ 541 阅读

相关 React-antd 打包后页面空白解决方案

在根目录下打开可以在别的资源目录下打开空白： import { BrowserRouter } from 'react-router' 因为B

雨点打透心脏的1/2处/ 2022年05月19日 00:57/ 0 赞/ 514 阅读

相关 vue-cli3部署后刷新空白解决方案

今天同学有个vue项目部署上线上后，刷新页面就会变空白页，因为项目是vue-cli3的比较新，我以前从来没遇到过部署后刷新页面空白的情况，于是我把他的项目试着在本地先模拟部署一

电玩女神/ 2022年01月16日 01:23/ 0 赞/ 834 阅读

相关 DedeCMS部署后台登录后空白

在进行DedeCMS进行建站的时候，发现在本地运行的好好的，但是部署到服务器上后发现：后台登录界面可以进去，但是登录成功后，显示一片空白。找了好久解决的方法，现在做一下分享

柔情只为你懂/ 2021年12月14日 05:31/ 0 赞/ 317 阅读