uniapp项目打包与部署云服务器

uniapp项目的打包

第一步，在manifest里面配置好基础路径和端口

然后进行发布，填好自己的云服务器域名

打包成功后，项目在如图h5路径下，拿着h5文件的压缩包就可以去部署了

第二步，你要有一个自己的服务器，可以买一个阿里云或者腾讯云的，在云服务器的工作台内把你需要用的端口打开，前后端项目所用的端口,在你的工作台的安全组内添加你的端口。

我是在服务器里面装的宝塔面板，对新手操作比较友好,可以在服务器内用命令行装一下

yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh ed8484bec

装完后，会给你账号密码地址，进入宝塔面板，安装nginx，并找到它的安装位置

把你的h5文件夹放到如下html文件夹里面

然后修改nginx配置，主要配置如图，端口号，域名，静态资源的位置，我的项目比较简单配置比较少，可能会用到反向代理的需要在添加配置

        listen 2000; 端口号server_name 127.0.0.1; 服务器域名location / {root html/h5;  你打包的h5文件夹放在了html下，看着改index index.html index.html;}

输入 http://127.0.0.1:2000就可以进入你的项目首页了

（不足之处，还请老哥们指点）

后台的话我是用node写的，下好数据库之后，在面板里面下了个pm2，用它运行的项目，此过程没遇到什么麻烦，在此省略

uniapp项目打包与部署云服务器相关推荐

超简单的React项目打包后部署到服务器上
前言:我们都知道有些react项目路由采用的是BrowserRouter跟vue的history模式一样,打包后生成的不管是dist,还是build的文件,直接打开都无法直接浏览到项目,然后查看控制器 ...
vue项目打包后部署到服务器(超详细步骤)
耽误了几天, 终于开始写第二篇博客了, 这篇会讲怎么将vue项目打包部署到服务器, 其实和上一篇的uni-app步骤一样的, 就是最后多了一步修改nginx配置, 好 , 上操作一 ,打包项目 vs ...
Springboot+Vue前后端分离项目打包并部署到服务器
一.打包前端项目打开前端项目,使用npm run build命令进行打包,打包成功后结果如下这时,该项目目录下有一个build目录是打包好的文件将该目录下的所有文件复制到后端Springboot ...
【Vue3】项目打包上线部署到服务器
1.npm run build打包项目,生成dist文件夹: 2.将dist文件夹复制,粘贴到服务器中:
SpringBoot项目打包war部署到服务器去掉项目名所遇到的坑
个人资源与分享网站:http://xiaocaoshare.com/ 前言将SpringBoot项目打成war主要是方便自己后期维护,也就是每次更新网站的时候不需要打成jar包,主要是文件太大,复制 ...
spring项目搭建云服务器,Spring Boot项目打包并部署到云服务器
Spring Boot项目打包并部署到云服务器一.云服务器的环境 OS: CentOS 7 Jdk 1.8 Spring Boot自动集成Tomcat,不需要单独配置二.本地Spring Boot ...
SpringBoot 部署: 项目打包手动部署到阿里云服务器上
SpringBoot 部署: 项目打包 & 手动部署到阿里云服务器上文章目录 SpringBoot 部署: 项目打包 & 手动部署到阿里云服务器上前言正文 1. 环境准备 &am ...
Flask项目部署云服务器 CentOS7.3+Redis+MySQL+Flask+Nginx+Gunicorn +Supervisorctl
Flask项目部署云服务器 CentOS7.3+Redis+MySQL+Flask+Nginx+Gunicorn +Supervisorctl 项目运行环境阿里云(单核CPU, 2G内存, Cent ...
没有找到站点和本地项目上传到云服务器
没有找到站点解决用宝塔面板提示"您的请求在Web服务器中没有找到对应的站点"这是什么原因?出现这个界面说明域名解析已经正确并生效,这是由于域名没有绑定好,很可能是由于www域名和 ...

uniapp项目打包与部署云服务器

uniapp项目打包与部署云服务器相关推荐

最新文章

热门文章