小皮nginx里部署vue项目
时间: 2023-06-21 18:15:38 浏览: 374
好的,以下是在 Nginx 上部署 Vue.js 项目的简单步骤:
1. 将 Vue.js 项目打包成静态文件。
在 Vue.js 项目根目录下执行以下命令:
```
npm run build
```
这将在 `dist` 目录中生成打包好的静态文件。
2. 安装 Nginx。
在 Linux 系统上,可以使用以下命令安装 Nginx:
```
sudo apt-get update
sudo apt-get install nginx
```
3. 配置 Nginx。
使用文本编辑器打开 `/etc/nginx/sites-available/default` 文件,并将以下代码添加到 `server` 块中:
```
server {
listen 80;
server_name your-domain.com; # 将 your-domain.com 替换成你的域名
root /path/to/your/vue-project/dist; # 将 /path/to/your/vue-project/dist 替换成你的 Vue.js 项目打包生成的 dist 目录的路径
index index.html;
location / {
try_files $uri $uri/ /index.html;
}
}
```
保存并关闭文件。
4. 重启 Nginx。
执行以下命令重启 Nginx:
```
sudo service nginx restart
```
现在,你的 Vue.js 项目应该已经成功部署到 Nginx 上了。可以通过访问你的域名来查看它。
阅读全文
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20241231044930.png)
![doc](https://img-home.csdnimg.cn/images/20241231044833.png)
![pdf](https://img-home.csdnimg.cn/images/20241231044930.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)