当前位置:   article > 正文

un-app部署h5项目到普通云服务器--域名解析--OOS对象存储_uni-app cname

uni-app cname

在这里插入图片描述

在不不使用前端托管,自己买了一个云服务器的情况

首先要进行云函数的url化

之后是项目部署
服务器一般是nginx

安装nginx

可以参考菜鸟网

windows+jenkins+gitea+node+react

https://juejin.cn/post/6888558115113926669
先按照jdk环境
之后下载gitea

部署前端项目的几种方案

前端部署三个方式
https://blog.csdn.net/haonanhai1688/article/details/120846608

使用nginx,tomcat,IIS等web服务器软件部署
Docker容器部署
OSS+CDN部署,还有OBS,COS
  • 1
  • 2
  • 3

使用nginx在单个服务器部署

https://blog.csdn.net/haonanhai1688/article/details/120846608
nginx是一个高性能的http和反向代理web服务器,很多运维都使用它部署项目,使用nginx必须在服务器上安装nginx,如果感觉安装麻烦可以使用docker,几条命令就可以安装好docker
安装好后把编译后的前端项目部署到刚刚安装的nginx里(需要用到docker的目录挂载),docker容器像黑匣子,需要使用目录挂载,把容器外的目录即宿主机的目录映射到容器内部

docker命令部署
比如编译后的目录前端资源存放在/home/fizz/dist里,只需要稍微修改一下就可以部署起来
容器启动后访问http://localhost就可以了,注意当前用户必须要有/home/fizz/dist目录的权限
使用nginx部署前端项目完成

安装并运行一个nginx

docker run -d -p 80:80 nginx
  • 1

项目部署–把/home/fizz/dist里的映射到/usr/share/nginx/html里

docker run -p 80:80 -v /home/fizz/dist:/usr/share/nginx/html nginx
  • 1

nginx部署
复杂一点就需要使用nginx配置文件部署项目
在/home/fizz/nginx/config目录下创建 fizz.conf 注意结尾必须是 .conf结尾
之后在文件里写入映射内容

server {
   
    listen  8080;
    location / {
   
        root   /usr/share/nginx/html/fizz;
        index  index.html index.htm;
    }
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9

之后是启动命令

docker run -p 
    声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小丑西瓜9/article/detail/79502
    推荐阅读
    相关标签
      

    闽ICP备14008679号