阿里云 linux 的nginx 配置uni-app的H5前端项目vue,后端接口阿里云。

背景

vue项目调用接口是阿里云的,H5网站也要部署到阿里云,2个不同的服务器,需要做nginx部署与api代理。

1.端口配置

首先当然是买个阿里云服务器,这里是配置是linux系统,配置访问的域名 ,再接着:

给网站配置需要的端口,如下 :

配置之后,终端指定开启对应的端口号,参考:

阿里云 服务器配置端口号阿里云网页开放的一个新端口后,重启防火墙,端口未启动_Lan.W的博客-CSDN博客 我这里用的8083

firewall-cmd --zone=public --add-port=8083/tcp --permanent

2.nginx服务器安装配置

下载nginx源码编译之后,在/usr/local/nginx/nginx.conf配置站点信息

在nginx上配置了站点与api代理

放置网站目录:

就可以运行起来了。

无论是域名网站访问域名格式的后端,都可以通过nginx愉快处理,运行。


3.域名下挂子网站

访问路径 : http://xx.xx.com/cloudh5

Hbuilder打包:h5的基本运行路径 配置: /cloudh5

打包好的h5目录下的所有文件复制到nginx下的html/cloudh5

nginx配置:

location /cloudh5 {

root /usr/local/nginx/html;

index index.html index.htm;

}

}

api接口代理还是一样,不用改,按./ 基本运行路径配置是一样的。

相关推荐
山间板栗6 分钟前
微信小程序环境变量设置方案
前端
电商API大数据接口开发Cris25 分钟前
Java Spring Boot 集成淘宝 SDK:实现稳定可靠的商品信息查询服务
前端·数据挖掘·api
pepedd86426 分钟前
LangChain:大模型开发框架的全方位解析与实践
前端·llm·trae
HANK33 分钟前
KLineChart 绘制教程
前端·vue.js
Jerry44 分钟前
Compose 利用工具加快开发速度
前端
前端小张同学1 小时前
前端行情好起来了,但是我依然没拿到offer
前端
程序员小续1 小时前
React 官方严令禁止:Hook 不能写在 if/else,真相竟然是…
前端·javascript·程序员
懒得不想起名字1 小时前
flutter_riverpod: ^2.6.1 应用笔记
前端
CrabXin1 小时前
让网页在 PC 缩放时“纹丝不动”的 4 个技巧
前端·react.js
Juchecar1 小时前
Naive UI 学习指南 - Vue3 初学者完全教程
前端·vue.js