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

相关推荐
kyriewen12 小时前
大文件上传最全指南:分片、断点续传、秒传,一篇就够了
前端·javascript·面试
郑洁文13 小时前
基于Python的Web命令执行漏洞自动化检测系统
前端·python·网络安全·自动化
新酱爱学习13 小时前
手搓 10 个 Skill 后,我把重复劳动收敛成了一套零依赖 CLI 工具
前端·javascript·人工智能
独自破碎E13 小时前
Windows系统Codex 接入阿里云百炼的国产大模型
阿里云·云计算
IT_陈寒13 小时前
Python的线程池居然把我坑在了垃圾回收这块
前端·人工智能·后端
研☆香14 小时前
es6新特性功能介绍(一)
前端·ecmascript·es6
陈_杨14 小时前
鸿蒙开发-疾阅App阅读训练功能技术解析
前端·javascript
zhangxingchao14 小时前
AI应用开发八:RAG相关技术总结
前端·人工智能·后端
凌涘14 小时前
依托 BEM 规范深度剖析 WeUI 微信按钮组件开发与实现
前端·微信