nginx部署vue项目

nginx部署vue

创建示例vue项目：

参考官网：简介 | Vue.js

编码工具Visual Studio Code

需配置本地node.js环境 下载地址：Node.js

链接：https://pan.baidu.com/s/1B_0SGw8BwGwSLLbJXwZhpw?pwd=No12

提取码：No12

点击安装即可（自动配置path）

本地创建vue工作空间：

打开vscode选择工作空间

打开命令窗口

输入命令：npm create vue@latest （全部回车）

依次执行以下命令：

启动后通过路径访问

访问： http://localhost:5173/

打包命令：npm run build

生成文件夹dist：

将dist压缩为.zip文件上传服务器：

上传到服务器后解压缩：

命令：unzip -d (自定义目录) dist.zip

修改nginx配置文件：

nginx安装参考：http://t.csdnimg.cn/TqZYZ

vim /usr/local/nginx/（nginx安装目录路径）conf/nginx.conf

指向解压目录：

启动nginx:cd /usr/local/nginx/（安装目录）sbin/

./nginx

验证：访问ip:8080端口