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

相关推荐
菩提小狗3 分钟前
第2天:基础入门-Web应用&架构搭建&漏洞&HTTP数据包&代理服务器|小迪安全笔记|网络安全|
前端·安全·架构
咖啡の猫12 分钟前
Python集合生成式
前端·javascript·python
QT 小鲜肉22 分钟前
【Linux命令大全】001.文件管理之mtoolstest命令(实操篇)
linux·运维·前端·笔记·microsoft
holeer24 分钟前
React UI组件封装实战——以经典项目「个人博客」与「仿手机QQ」为例
前端·javascript·react.js·ui·前端框架·软件工程
chilavert31831 分钟前
技术演进中的开发沉思-277 AJax :Calendar
前端·javascript·microsoft·ajax
debug 小菜鸟32 分钟前
搭建web 环境的那些事
前端
鹏多多34 分钟前
Flutter下拉刷新上拉加载侧拉刷新插件:easy_refresh全面使用指南
android·前端·ios
幽络源小助理42 分钟前
SpringBoot+Vue数字科技风险报告管理系统源码 | Java项目免费下载 – 幽络源
java·vue.js·spring boot
Mike_jia1 小时前
OpenDeRisk:AI 原生风险智能系统 ——7*24H 应用系统AI数字运维助手(AI-SRE)
前端
朱穆朗1 小时前
electron升级到33.0.x版本后,devtools字体的修改方法
前端·javascript·electron