Nginx

Nginx (engine x) 是一个高性能的HTTP和反向代理web服务器,同时也提供了IMAP/POP3/SMTP服务。Nginx是由伊戈尔·赛索耶夫为俄罗斯访问量第二的Rambler.ru站点(俄文:)开发的,第一个公开版本0.1.0公布于2004年10月4日。
其将源代码以类BSD许可证的模式公布,因它的稳定性、丰盛的功能集、简略的配置文件和低系统资源的耗费而闻名。2011年6月1日,nginx 1.0.4公布。
Nginx是一款轻量级的Web 服务器/反向代理服务器及电子邮件(IMAP/POP3)代理服务器,在BSD-like 协定下发行。其特点是占有内存少,并发能力强,事实上nginx的并发能力在同类型的网页服务器中体现较好,中国大陆应用nginx网站用户有:百度、京东、新浪、网易、腾讯、淘宝等。

怎么将vue我的项目部署到nginx呢?

首先我应用的是阿里云服务器Centos零碎

零碎中先装置好nginx
我之前有写过centos装置nginx能够看看
https://segmentfault.com/a/11...

查看nginx是否装置命令
nginx -v

部署vue我的项目前提得有域名以及域名ssl证书(这样子就能够间接拿域名去拜访vue我的项目以及是https的)

再部署vue我的项目之前得建设个文件夹用来寄存vue我的项目和方便管理

能够像这个样子 一会咱们的vue我的项目寄存到adminvue文件夹中方便管理和查找应用

接下来就是vue我的项目打包
npm run build

vue我的项目目录下会呈现dist文件夹

接下来能够把dist外面的所有货色放到方才创立的adminvue文件夹中,能够应用Xftp

间接复制进去就行。

接下来就是配置nginx来拜访咱们的vue我的项目了

server{  server_name 域名;  rewrite ^(.*)$ https://${server_name}$1 permanent;}server {  listen 443 ssl;  server_name 域名;  ssl_certificate /etc/nginx/conf.d/域名ssl证书pem文件;  ssl_certificate_key /etc/nginx/conf.d/域名ssl证书key文件;  add_header Access-Control-Allow-Origin *;  add_header Access-Control-Allow-Headers X-Requested-With;  add_header Access-Control-Allow-Methods GET,POST,OPTIONS;  location / {     root vue我的项目门路;    index index.html index.htm;  }}

而后在应用命令启动nginx

个别默认门路
/usr/local/nginx/sbin

查看版本
./nginx -V

敞开nginx
./nginx -s stop

开启nginx
./nginx

从新加载nginx
./nginx -s reload

nginx配置文件
/usr/local/nginx/conf/nginx.conf

能够间接拿域名拜访咱们的vue我的项目啦!!!