nginx怎样配置uniapp打包的多个h5项目
时间: 2023-08-09 12:06:17 浏览: 280
要在 Nginx 上配置多个 UniApp 打包的 H5 项目,您可以按以下步骤进行操作:
1. 在 Nginx 的配置文件中添加多个 server 配置,每个 server 配置对应一个 H5 项目。
```
http {
...
server {
listen 80;
server_name project1.com;
root /path/to/project1/dist;
index index.html;
}
server {
listen 80;
server_name project2.com;
root /path/to/project2/dist;
index index.html;
}
...
}
```
2. 安装 UniApp 打包工具,并通过打包命令生成对应的 H5 项目文件夹。
```
$ npm install -g @vue/cli
$ vue create -p dcloudio/uni-preset-vue my-project
$ cd my-project
$ npm run build
```
3. 将生成的 H5 项目文件夹放置在 Nginx 根目录下的对应位置。
```
path/to/project1/dist/
path/to/project2/dist/
```
4. 启动 Nginx 服务,并访问对应的 H5 项目。
```
$ sudo service nginx start
```
访问 project1.com 和 project2.com 就可以分别访问到对应的 H5 项目了。
阅读全文