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端口