在ubuntu18.04上使用nginx部署vue项目
时间: 2023-10-17 22:03:44 浏览: 252
以下是在 Ubuntu 18.04 上使用 Nginx 部署 Vue.js 项目的步骤:
1. 安装 Nginx:`sudo apt-get install nginx`
2. 启动 Nginx:`sudo systemctl start nginx`
3. 进入 Nginx 的配置文件目录:`cd /etc/nginx/sites-available/`
4. 创建一个新的配置文件:`sudo nano myapp`
5. 在配置文件中添加以下内容:
```
server {
listen 80;
server_name your_domain.com; # 替换成你自己的域名或IP地址
root /var/www/your_app_folder/dist; # 替换成你自己的应用程序文件夹路径
index index.html;
location / {
try_files $uri $uri/ /index.html;
}
}
```
6. 保存并退出配置文件。
7. 创建一个符号链接以使 Nginx 加载新的配置文件:`sudo ln -s /etc/nginx/sites-available/myapp /etc/nginx/sites-enabled/`
8. 检查 Nginx 配置是否正确:`sudo nginx -t`
9. 重启 Nginx:`sudo systemctl restart nginx`
现在你的 Vue.js 应用程序已经部署在 Nginx 上了。在浏览器中输入你的域名或IP地址,应该能够看到你的应用程序。
阅读全文