在nginx上面部署vue项目

vue项目打包

1.npm run build 如果出错为 npm run build:prod
2.之后会生成dist文件夹

文件上传至服务器

我用到的工具为Fz，打开输入主机，用户名，密码。端口默认为21，可修改，点击快速连接。
本地站点为你项目生成的dist
远程地址为dist里面的static 和index.html所放的地址，也为后面配置的root的地址

nginx的配置步骤

1.nginx的安装：

• 在终端中先输入 ：ssh root:[email protected] 格式为：ssh 用户名:密码@ip地址，连接服务器成功后
• 将nginx添加入到yum源中
  sudo rpm -Uvh http://nginx.org/packages/centos/7/noarch/RPMS/nginx-release-centos-7-0.el7.ngx.noarch.rpm
• 安装nginx
  sudo yum install nginx
• 查看安装位置：whereis nginx 不管何种方式下载的nginx，所在的位置都是一样的。
  
• 加入系统启动项 sudo systemctl start nginx
  注：每次更改完配置文件必须重载nginx

nginx 配置

，开始配置文件

1.nginx主配置文件：cd /etc/nginx/nginx.conf

主配置文件的内容中添加导入自定义配置文件：：

次配置文件（一个端口对应一个次配置文件，可以有多个）

位置：cd /etc/nginx/conf.d/
新建.conf文件。
以myhtml.conf为例：我需要修改为8080

修改完成后，重载nginx

• /usr/sbin/nginx -s reload
• /usr/sbin/nginx -s reopen
  查看网页：curl http：//119.3.208.229:8080
  或者输入网址：http：// 119.3.208.229：8080

出现的问题

1. 打开后没有内容：问题为：

• 可能端口号8080没有开
• 防火墙的原因
• 2. 启动失败，我出现的原因为，之前启动过。所以需要关闭进程步骤
• • 杀死主进程：kill -TERM 13194(进程号，每次都不一样)
• 启动：/usr/sbin/nginx

3. 其他命令

• 查看进程：ps aux | grep nginx
• 杀死主进程：kill -TERM 13194(进程号，每次都不一样)
• 启动：/usr/sbin/nginx
• 重启：/usr/sbin/nginx -s reload. /usr/sbin/nginx -s relopen
  注意：每次更改配置后必须重载
• 关闭：/usr/sbin/nginx -s stop