Day 67/100 Vue项目上线(Nginx)刷新后,显示空白或404怎么办?

写在前面的话

服务器用的是Nginx做的转发;

需要配置Nginx的try_files属性

网上大多是单条说明,实际用的时候,还是容易错,记录备忘下~


(一)配置代码

其中Vue项目中的是history 模式

核心代码就这一句

(二)相关知识

1、看着是一句,但生成后,怎么生效呢?

需要停止,再启动

service nginx stop 

service nginx start


2、项目如何传到服务器上呢,可以用rz命令

见上一篇

https://blog.csdn.net/xinghuowuzhao/article/details/109541980


3、上传后如何解压生效呢?

移动压缩文件

mv dist.zip /var/www/...

删除原本文件

rm -rf [文件及文件夹]

解压文件

unzip dist.zip


其他后台技术栈比如(Apache,NodeJs)可以参考下面的链接

参考资料

https://blog.csdn.net/weixin_40755688/article/details/86382438

你可能感兴趣的:(Day 67/100 Vue项目上线(Nginx)刷新后,显示空白或404怎么办?)