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,用它运行的项目,此过程没遇到什么麻烦,在此省略

  • 1
    点赞
  • 20
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
要将Uniapp项目部署服务器,可以按照以下步骤进行操作: 1. 打包项目:在命令行窗口中,使用命令行进入Uniapp项目的根目录,并执行以下命令来打包项目: ``` npm run build ``` 这将生成一个dist目录,其中包含了编译后的项目文件。 2. 配置服务器:将打包后的dist目录中的文件上传到服务器上。可以使用FTP等工具将文件上传到服务器。 3. 配置域名和端口:确保服务器已经配置了正确的域名和端口,以便访问您的Uniapp项目。 4. 配置Web服务器:根据您的服务器环境选择合适的Web服务器,如Apache或Nginx,并进行相应的配置。 - Apache配置: 在Apache的配置文件中找到Virtual Hosts的设置,并添加以下内容: ``` <VirtualHost *:80> ServerName your_domain_name DocumentRoot /path/to/your_project_dir/dist <Directory /path/to/your_project_dir/dist/> Options Indexes FollowSymLinks Includes ExecCGI AllowOverride All Order deny,allow Allow from all </Directory> </VirtualHost> ``` 将"your_domain_name"替换为您的域名,将"/path/to/your_project_dir"替换为您上传项目的路径。 - Nginx配置: 在Nginx的配置文件中找到Server的设置,并添加以下内容: ``` server { listen 80; server_name your_domain_name; root /path/to/your_project_dir/dist; location / { try_files $uri $uri/ /index.html; } } ``` 将"your_domain_name"替换为您的域名,将"/path/to/your_project_dir"替换为您上传项目的路径。 5. 重启服务器:保存配置文件并重启服务器,以使更改生效。 现在,您的Uniapp项目应该已经部署服务器上,并可以通过访问配置的域名和端口来访问。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值