自己写项目总是给人看的。为了测试或者上线，最终都会部署到服务器上。这篇文章就是记录一下前端项目是如何部署到nginx服务器上的。linux安装Nginx（傻瓜版）CentOS7使用yum安装Nginx的方法参考：在CentOS7中使用yum安装Nginx配置静态服务器ps：如果可以，建议单独配置include/etc/nginx/conf.d/*.conf;对于vue等相关项目，可以直接上传建好的文件创建静态资源目录（用户存放项目）mkdir/wwwFTP上传项目到/www目录下我用的是filezilla的SFTP链接，连接成功后，选择/www目录并将文件上传到该目录查看nginx的配置文件地址nginx-t#nginx:配置文件/etc/nginx/nginx.conf语法是可以的#/etc/nginx/nginx.confconfigurestaticservervi/etc/nginx/nginx.conf#找到http{...}#在http中插入{}括号#例如：http{#其他代码（已有代码）server{listen80;#端口需要服务器开放#域名绑定需要记录域名解析A到服务器ipserver_namemusic.ncgame.cc;#如果你的域名需要ip访问，请注释掉这一行并更改端口位置/{#监控路径root/www;#/www是刚刚创建的目录索引indexindex.htmlindex.htm;#默认进入}}}重启nginx#测试配置文件是否可用#如果显示成功，`测试成功`，可以执行下面的命令。如果失败，请查看具体原因。nginx-t#修改后重新加载配置。重新开启访问域名绑定需要记录域名解析A到更改后的服务器ip绑定，然后直接通过端口绑定访问更改后的域名，请直接ip:port就这样（但是服务器需要开放端口）配置node项目绑定域名。一般通过nginx代理实现绑定域名配置：server{listen80;#端口服务器名blog.ncgame.cc;#域名位置/{proxy_passhttp://0.0.0.0:3000;proxy_read_timeout18000；#设置超时}}HTTPS(SSL)配置服务器{listen443ssl;#端口服务器名blog.ncgame.cc;#域名ssl_certificate/path/xxx.pem#证书路径pem或crt；ssl_certificate_key/path/xxx.key;#私钥ssl_session_cacheshared:SSL:1m;ssl_session_timeout5m；ssl_protocolsTLSv1TLSv1.1TLSv1.2；ssl_ciphersHIGH:!aNULL:!MD5;ssl_prefer_server_ciphers开启；服务器或代理}}#http自动跳转到httpsserver{listen80;server_nameblog.ncgame.cc;rewrite^/(.*)$https://blog.ncgame.cc:443/$1permanent;}其他Vue访问刷新后空白的问题可能是因为VurRouter开启了HTML5History模式。具体请参考VurRouter后端配置示例。需要在配置中添加一行try_files$uri$uri//index.html；示例：服务器{listen80;#端口需要服务器开放端口#域名绑定需要记录域名解析A到服务器ipserver_namemusic.ncgame.cc;#如果你的域名需要ip访问，请注释掉这一行，修改端口位置/{#监听路径root/www;#/www是刚刚创建的目录索引indexindex.htmlindex.htm;#默认条目try_files$uri$uri//index.html;}}
