云服务器部署前端服务

云服务器部署前端服务,第1张

yum install -y nginx

进入/etc/ngin文件夹,并且新建自己的配置目录如:myconfig,并且进入此目录,新建一个配置文件如:ghmall.conf,编辑以下内容并且保存:

上传前端文件(执行npm run build后,项目下会生成一个dist文件夹)至该配置文件中配置的地址如:/usr/portal/ghmall-portal/dist

进入/etc/ngin文件夹,编辑配置文件:vim nginx.conf

修改为自己的server配置:

server {

      listen 9527

      server_name localhost

      location / {

        root /usr/portal/ghmall-portal/dist

      }

      location /ghmall/ {

        proxy_pass http://localhost:8118

      }

然后重新启动nginx:nginx -s reload

输入systemctl start nginx开启 nginx 服务

浏览器上输入yourIpAdress:9090/便可以访问你的页面了

另外systemctl status nginx可以查看 nginx 的运行状态

以及systemctl stop nginx可以关闭 nginx 服务

1、用 Hbuilderx 创建一个项目:选:uniapp->Hello uniCloud;

2、关联阿里云服务空间,初始化服务空间;

3、发行->上传网站到服务器

4、打开 uniCloud Web 控制台,进行跨域设置

新增域名:

api.bspapp.com

static-xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx.bspapp.com

5、访问: https://static-xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx.bspapp.com 即可

实际应用:可以使用 uniapp 开发小程序作为前端,连接 uniCloud 云服务空间,获取数据;使用 uni-admin 开发后台管理程序(H5),发布到云服务空间的“前端网页托管”,就可以实现不用单独申请云主机,使用uniCloud云服务空间实现前后端系统的部署,而且云服务空间提供一定的免费流量,在开发测试阶段使用是完全没有问题的。


欢迎分享,转载请注明来源:夏雨云

原文地址:https://www.xiayuyun.com/zonghe/588149.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-07-07
下一篇2023-07-07

发表评论

登录后才能评论

评论列表(0条)

    保存