linux部署vue项目到nginx二级目录
时间: 2024-11-25 07:12:49 浏览: 31
在Linux上部署Vue项目到Nginx的二级目录,你可以按照以下步骤操作:
1. 准备环境:
- 安装Node.js:Vue项目通常依赖于Node.js运行环境。
- 安装Nginx:如果尚未安装,可以使用包管理器如`apt-get`或`yum`进行安装。
2. 创建Vue应用并打包:
- 使用命令行创建一个新的Vue项目:`npm init create-vue-app my-project`
- 进入项目目录:`cd my-project`
- 打包生成静态文件:`npm run build`
3. 配置Nginx:
- 打开Nginx配置文件(通常是`/etc/nginx/sites-available/default`),将它复制一份并命名为`my-project.conf`,然后编辑新文件。
- 添加类似以下的内容:
```
server {
listen 80;
server_name your_domain.com; # 替换为你实际的域名
root /path/to/your/vue/build; # 将/path/to/替换为你的Vue项目打包后的路径
location / {
try_files $uri $uri/ =404;
}
index index.html index.htm;
autoindex off;
}
```
4. 启用站点并刷新配置:
- 将`my-project.conf`软链到`sites-enabled`目录下:`sudo ln -s /etc/nginx/sites-available/my-project.conf /etc/nginx/sites-enabled/`
- 重启Nginx服务:`sudo systemctl restart nginx`
5. 测试访问:
- 访问`http://your_domain.com`,你应该能看到Vue项目的首页。
阅读全文
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20241231044930.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.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)