vue打包部署nginx

在虚拟机centos7开发vue,然后打包到win7,先安装nginx,在nginx for window可以下载最新版,解压nginx-1.17.0,文件夹名称改为nginx

vue打包部署nginx_第1张图片

1方法可以点击nginx.exe启动

2方法可以在cmd里

vue打包部署nginx_第2张图片

启动时会突然弹出个小黑屏,就消失了,表示启动成功了

可以conf看到默认的端口和localhost,我改成88

vue打包部署nginx_第3张图片

打开浏览器

vue打包部署nginx_第4张图片

nginx其他命令

start nginx            开启nginx

nginx -s stop         快速关闭Nginx,可能不保存相关信息,并迅速终止web服务。
nginx -s quit         平稳关闭Nginx,保存相关信息,有安排的结束web服务。
nginx -s reload      因改变了Nginx相关配置,需要重新加载配置而重载。
nginx -s reopen     重新打开日志文件。
nginx -c filename   为 Nginx 指定一个配置文件,来代替缺省的。
nginx -t         不运行,而仅仅测试配置文件。nginx 将检查配置文件的语法的正确性,并尝试打开配置文件中所引用到的文件。
nginx -v         显示 nginx 的版本。

然后部署vue项目,在D下存放打包好的dist文件

vue打包部署nginx_第5张图片

在nginx.conf加入下面,可以跨域访问远程服务器的数据

vue打包部署nginx_第6张图片

在浏览器输入http://localhost:8888/就成功了

至于apache部署vue项目 参考网上的貌似不行,继续加油~

 

但是当按下F5或者刷新页面时就出现如下404错误 
vue打包部署nginx_第7张图片

解决方法 

try_files $uri $uri/ /index.html last;

vue打包部署nginx_第8张图片

 

 

 

 

 

你可能感兴趣的:(vue打包部署nginx)