下面我将为你详细讲解如何优雅地在一台vps上面部署vue+mongodb+express项目的完整攻略。
首先,需要确认你购买的vps已经安装好了Node.js和MongoDB。如果没有安装,需要先安装它们。具体安装方式可参考 Node.js 和 MongoDB 的官方文档。
```
# 创建文件夹
mkdir /home/username/myapp
# 进入文件夹
cd /home/username/myapp
```
# scp 命令可以直接把项目拷贝到 vps。
scp -r /path/to/project username@servername:/home/username/myapp
```
# 进入项目文件夹
cd /home/username/myapp/your-vue-project
# 安装依赖
npm install
```
# 打包
npm run build
```
# 创建文件夹
mkdir /home/username/myapp/express
# 进入文件夹
cd /home/username/myapp/express
```
# scp 命令可以直接把项目拷贝到 vps。
scp -r /path/to/project username@servername:/home/username/myapp/express
```
# 进入项目文件夹
cd /home/username/myapp/express/your-express-project
# 安装依赖
npm install
```
Express 项目配置文件的样本通常都会提供,位于项目目录中。找到并编辑文件 config.js 或 config.json。文件中包含数据库连接参数、监听端口、SESSION配置等项。修改这些参数以满足你的需要。
```
# 进入项目文件夹
cd /home/username/myapp/express/your-express-project
# 启动项目
npm start
```
MongoDB 配置文件的样本文件位于 /etc/mongod.conf。使用编辑器打开该文件,修改 bindIp 为0.0.0.0。
# 启动 MongoDB
service mongod start
在应用测试期间,可以通过本地机器上的 MongoDB 客户端链接到云主机上的数据库,该客户端是通过以下命令安装的。
# 安装 MongoDB 客户端
sudo apt-get install mongodb-clients
然后,用以下命令连接到 MongoDB 数据库。
mongo --host YOUR_SERVER_IP_ADDRESS --port YOUR_MONGODB_PORT
以上就是在vps上面部署vue+mongodb+express项目的完整攻略,希望对你有所帮助。下面演示两个示例说明。
假设你的vps的IP地址为203.100.100.100,你的Vue项目在本地的文件夹 my-vue-project
内,你的Express项目在本地的文件夹 my-express-project
内。你可以按照如下步骤部署项目:
scp -r /path/to/my-vue-project username@203.100.100.100:/home/username/myapp
cd /home/username/myapp/my-vue-project
npm install
npm run build
scp -r /path/to/my-express-project username@203.100.100.100:/home/username/myapp
cd /home/username/myapp/my-express-project
npm install
nano config.js
npm start
假设你已经将Vue项目和Express项目打包好,Vue项目的静态文件在 dist
文件夹中,Express项目在 server
文件夹中,你可以按照如下步骤部署项目:
scp -r /path/to/my-vue-project username@203.100.100.100:/home/username/myapp
scp -r /path/to/my-express-project username@203.100.100.100:/home/username/myapp
dist
文件夹,将Express项目绑定到端口3000。在Nginx配置文件中增加以下内容:```
server {
listen 80;
server_name example.com; # 填入你的域名或IP地址
root /home/username/myapp/my-vue-project/dist; # 设置站点根目录
index index.html;
location /api {
proxy_pass http://localhost:3000; # 将请求转发到Express的端口3000
}
}
```
以上就是两个示例说明,你可以根据自己的情况进行调整。希望对你有所帮助。
本文链接:http://task.lmcjl.com/news/14375.html