码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • vue + koa + 阿里云部署 + 宝塔:宝塔前后端部署


    接上篇,我们已经完成了宝塔的基本配置,下面我们来看如何在宝塔中部署前后端
    一、上传前后端代码文件
    在www > wwwroot目录下创建了一个demo文件,用来存放前后端代码
    在这里插入图片描述
    进入demo中,点击上传
    在这里插入图片描述
    这里前端我用的打完包的 dist文件,后端是直接上传的原文件(除了node_modules),后端上传完后进入文件,下面有终端,打开 npm install下载依赖即可
    在这里插入图片描述
    这样前后端文件就传完了

    二、启动前后端服务
    我们先启动后端服务,在新版的 宝塔中 不再需要pm2
    在这里插入图片描述

    正如下面这样,改在了 网站 的node项目中
    在这里插入图片描述
    点击 添加node项目
    在这里插入图片描述
    这里需要注意两点:
    1、项目端口要和你后端自己设定的端口保持一致
    2、后面放行端口勾选,或者自行到安全页面添加
    在这里插入图片描述
    然后测试就是直接 ip + 端口访问即可:
    在这里插入图片描述
    这里暂时没有连接数据库,后面再补充

    现在可以启动前端服务了:
    在这里插入图片描述
    点击添加站点
    在这里插入图片描述
    提交即可,这样前端服务就起来了,接下来就是前后端打通,也就是配置 nginx:
    还是在当前页面
    在这里插入图片描述
    在这里插入图片描述
    上图配置修改中,我们发现这里其实引入了多个 .conf文件,我们根据目录进入其中看下
    发现读取了以下三个文件
    在这里插入图片描述
    依次查看后发现第二个文件是我们需要修改的,它的serve root 读取的是咱们前端的代码
    在这里插入图片描述
    在这里配置对应的后端请求
    在这里插入图片描述
    保存后,记得回到 网站 对应服务中,重启 nginx
    在这里插入图片描述
    这样前端就部署完了
    在这里插入图片描述
    其实已经简化了很多操作了,不过对我这种新手还是蛮复杂了,整整折腾了3天,结果还是满意的

    在修改nginx这里,如果不想这样找来找去,也可以在刚才的目录下新建一个 .conf文件,建一个自己的serve,单独维护

  • 相关阅读:
    《中秋佳节倍思亲》——2022年这场中秋
    深度选择器>>> /deep/ ::v-deep亲测好用
    kubernetes二进制方法部署v1.23版本k8s详细安装步骤
    嵌入式Linux驱动开发(LCD屏幕专题)(三)
    【监控指标】监控系统-prometheus、grafana。容器化部署。go语言 gin框架、gRPC框架的集成
    恐造成下一个“千年虫”的闰秒,遭科技巨头们联合抵制
    面试题目总结(1) https中间人攻击,ConcurrentHashMap的原理 ,serialVersionUID常量,redis单线程,
    字符设备驱动_2:register_chrcev() 简单字符设备驱动的实现
    Maven
    【Python-编程模式】
  • 原文地址:https://blog.csdn.net/weixin_44384273/article/details/136302788
  • 最新文章
  • 攻防演习之三天拿下官网站群
    数据安全治理学习——前期安全规划和安全管理体系建设
    企业安全 | 企业内一次钓鱼演练准备过程
    内网渗透测试 | Kerberos协议及其部分攻击手法
    0day的产生 | 不懂代码的"代码审计"
    安装scrcpy-client模块av模块异常,环境问题解决方案
    leetcode hot100【LeetCode 279. 完全平方数】java实现
    OpenWrt下安装Mosquitto
    AnatoMask论文汇总
    【AI日记】24.11.01 LangChain、openai api和github copilot
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1
正则表达式工具 cron表达式工具 密码生成工具

京公网安备 11010502049817号