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完全一样