ubuntu+nginx部署vue3并带有ssh证书
时间: 2023-11-24 22:07:02 浏览: 216
好的,这里是部署Vue3应用到Ubuntu服务器并使用Nginx作为反向代理,并且使用SSH证书来进行安全连接的步骤:
1. 在服务器上安装OpenSSH。可以使用以下命令安装:
```
sudo apt update
sudo apt install openssh-server
```
2. 生成SSH证书。使用以下命令生成证书:
```
ssh-keygen -t rsa
```
该命令会在`~/.ssh`目录下生成`id_rsa`和`id_rsa.pub`两个文件,其中`id_rsa`为私钥,`id_rsa.pub`为公钥。
3. 在本地计算机上使用SSH连接到服务器。使用以下命令连接:
```
ssh username@server_ip_address
```
其中`username`为服务器上的用户名,`server_ip_address`为服务器的IP地址。
4. 在服务器上安装Nginx。可以使用以下命令安装:
```
sudo apt update
sudo apt install nginx
```
5. 在服务器上安装Node.js和npm。可以使用以下命令安装:
```
sudo apt update
sudo apt install nodejs
sudo apt install npm
```
6. 在服务器上安装Vue CLI:
```
sudo npm install -g @vue/cli
```
7. 使用Vue CLI创建Vue3应用:
```
vue create my-app
```
8. 进入应用目录并启动开发服务器:
```
cd my-app
npm run serve
```
9. 在Nginx中配置反向代理,并启用SSL证书。在Nginx的配置文件中添加以下内容:
```
server {
listen 80;
server_name example.com; # 修改为你的域名
return 301 https://$server_name$request_uri;
}
server {
listen 443 ssl;
server_name example.com; # 修改为你的域名
ssl_certificate /path/to/cert.pem; # 修改为你的SSL证书路径
ssl_certificate_key /path/to/key.pem; # 修改为你的SSL证书密钥路径
location / {
proxy_pass http://localhost:8080; # 修改为你的应用监听的端口
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}
}
```
10. 重新加载Nginx配置并启动Nginx服务:
```
sudo systemctl reload nginx
sudo systemctl start nginx
```
现在你的Vue3应用已经成功部署到Ubuntu服务器并使用Nginx作为反向代理,同时使用SSH证书进行安全连接。你可以通过访问你的域名来查看应用,并通过SSH连接到服务器进行管理。
阅读全文