使用nginx在windows服务器上部署vue项目

一、下载nginxNginx下载官方网址：http://nginx.org/en/download.html选择稳定版本，下载zip文件，经过解压就可以得到以上的文件夹，可以直接点击nginx.exe进行运行，也可以通过命令行运行start nginx然后就可以访问二、配置dist把前端打包的dist文件，放到html里边然后打开nginx.conf文件，进行修改配置然后就可以访问了注意1、ngi

离俗

2751人浏览 · 2022-03-06 15:44:21

离俗 · 2022-03-06 15:44:21 发布

一、下载nginx

Nginx下载官方网址：http://nginx.org/en/download.html
在这里插入图片描述
选择稳定版本，下载zip文件，经过解压

就可以得到以上的文件夹，可以直接点击nginx.exe进行运行，也可以

通过命令行运行

start nginx

然后就可以访问
在这里插入图片描述

二、配置dist

在这里插入图片描述
把前端打包的dist文件，放到html里边
然后打开nginx.conf文件，进行修改配置

然后就可以访问了

注意

1、nginx的文件夹最好不要以n开头不然/n会被转译
2、打开nginx进程过多，可以用一下命令全部关闭
在这里插入图片描述

taskkill /f /t /im nginx.exe

Vue

前往低代码交流专区

更多推荐

Vue里echarts根据页面大小动态调整/自适应

Vue

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^