阿里云 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接口代理还是一样,不用改,按./ 基本运行路径配置是一样的。

相关推荐
意法半导体STM32几秒前
【官方原创】STM32H7双核芯片通过 STlink连接失败问题分析 LAT1654
开发语言·前端·javascript·stm32·单片机·嵌入式硬件
小王C语言2 分钟前
【基础IO】————简单设计一下libc库
前端·数据结构·算法
雨雨雨雨雨别下啦14 分钟前
Vue3——RabbitShopping
前端·javascript·vue.js
BumBle18 分钟前
从声明式到命令式:Vue3 弹窗组件的工厂模式重构
前端
恋猫de小郭25 分钟前
你的蓝牙设备可能正在泄漏你的隐私? Bluehood 如何追踪附近设备并做隐私分析
android·前端·ios
TG_yunshuguoji41 分钟前
阿里云代理商:用 AppFlow 给钉钉机器人配置定时任务 阿里云自动化办公效率翻倍
阿里云·机器人·钉钉
取名不易1 小时前
vue-drawer-board 简单的画图功能
前端
学习指针路上的小学渣1 小时前
JavaScript笔记
前端·javascript
取名不易1 小时前
在 nuxtjs中通过fabric.js实现画图功能
前端
冰珊孤雪1 小时前
Android Studio Panda革命性升级:内存诊断、构建标准化与AI调试全解析
android·前端