关于nginx:使用Nginx部署VUE项目Centos服务器

4次阅读

共计 1326 个字符,预计需要花费 4 分钟才能阅读完成。

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 我的项目啦!!!

正文完
 0