window下载linux(Ubuntu)或window nginx+vue发布及部署

linux(虚拟机)或window nginx+vue发布及部署

window下部署nginx

1.下载nginx

去下载nginx ,一般选择稳定版

2.启动nginx

(1)直接双击nginx.exe，双击后一个黑色的弹窗一闪而过
(2)打开cmd命令窗口，切换到nginx解压目录下，输入命令 nginx.exe 或者 start nginx ，回车即可
直接在浏览器地址栏输入网址 http://localhost:80，回车，出现以下页面说明启动成功

3.将发布的文件放在html中

把打包的文件或者要发布的文件直接放在html的路径下

4.修改conf文件

找到conf下的nginx.conf修改配置 简单的配置

// An highlighted block
server {
        listen       8082; //配置的端口
        server_name  localhost; //定义访问地址
        #charset koi8-r;
        #access_log  logs/host.access.log  main;
        location / { // 对以/结尾的地址进行负载均衡
            root   html\dist; //地址
            index  index.html index.htm; 
            try_files $uri $uri/ @router; # 需要指向下面的@router否则会出现vue的路由在nginx中刷新出现404
        }
        location @router {
        rewrite ^.*$ /index.html last;
         }
        #error_page  404              /404.html;

        # redirect server error pages to the static page /50x.html
        #
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }

        # proxy the PHP scripts to Apache listening on 127.0.0.1:80
        #
        location ~ \.php$ {
            proxy_pass   http://127.0.0.1; //服务器地址
        }
    }

linux下部署nginx

1.首先安装虚拟机

1、 VMware软件
去下载（网盘-提取码：eom3）
2、Linux系统
去下载（网盘-提取码：erhb）

2.在VMware上安装linux系统(无说明就是默认点击下一步)

1、打开VMware界面如下所示

选择高级,点击下一步

点击下一步

将下载的linux系统的包选中

输入你的信息，然后点击下一步

路径最好久默认

点击下一步


如无特殊情况，使用网络地址转换，然后点击下一步

选择默认类型，然后点击下一步


如无特殊情况，选择创建新的虚拟磁盘，然后点击下一步



核对虚拟机的各种参数，然后点击完成，虚拟机即会自动安装完成

等待更新

更新完成后,输入密码就下载好了

ubuntu 中文设置

然后我们下载中文


下载完成后,我们可以找到这里将它拖到第一行

变成这样就说明成功了,重启一下就ok了

linux nginx下载及配置

然后我们打开终端 下载npm
sudo apt install npm
npm下载完 用npm下载nginx(需要root)
npm i nginx -g

我们可以看到nginx下载完成并且是全局的
我们启动

ok是没有问题的
ps -ef | grep nginx 查看nginx 在哪

与window不一样的配置

nginx.conf配置文件 /ect/nginx
html文件夹 /usr/share/nginx
更改文件是需要权限的
1.更改目录所有者命令:
chown -R 用户名称 目录名称
2.更改目录权限命令:
chmod -R 755 目录名称
linux 需要开放端口
开启防火墙： systemctl start firewalld
开放指定端口：firewall-cmd --zone=public --add-port=80/tcp --permanent
命令含义： --zong #作用域
–add-port=80/tcp #添加端口，格式为：端口/通讯协议
–permanent #永久生效，没有此参数重启后失效
重启防火墙：firewall-cmd --reload
启动 nginx 停止 nginx -s quit 强制./nginx -s stop 重启./nginx -s reload

剩下配置与widow完全一样