草庐IT

超详细部署vue+node+mysql项目到腾讯云的步骤

今天学了什么 2024-02-26 原文

第一步:购买一个服务器

百度搜索腾讯云,新用户有优惠基础的轻量服务器60+一年,这时候不要去阿里云华为云等等注册,到时候可以等腾讯云到期再成为其他平台的新用户 哈哈哈。

买完以后在右上角点击控制台,进去以后搜索轻量服务器,我们就进到页面了

第二步:安装并配置宝塔

1.点进上图的服务器控制面板我们先设置防火墙,设置端口,否则打不开宝塔面板,后面的操作也会失败

 

 2.下载宝塔ssh远程工具 

 宝塔面板 - 简单好用的Linux/Windows服务器运维管理面板 (bt.cn)

3. 操作宝塔ssh远程工具 

 这里服务器IP地址就是我们买的那个服务器ip地址 密码就是购买时的密码

现在就进来了

4.回到宝塔主页下载宝塔linux 

 

把这个复制到我们的宝塔ssh远程工具上面

,回车进行安装 安装完见到这个界面,强烈要求大家把地址和用户名密码复制到记事本上

 5.配置宝塔

首先复制外网面板地址到浏览器上,进入宝塔页面,用username和password登录进去。进来之后他会自动跳出这个页面,选择左边的安装,需要耐心等几分钟

 此处也强烈建议修改一下宝塔用户名和密码

 那么到这里宝塔就安装完成了

第三步:将本地数据库导出并且导入宝塔数据库

1.导出本地服务器

如果你自己会将你的库导出sql格式的文件那就可以跳过

这里的方法是用命令行导出 这样可以规避掉一些错误

首先需要配置path路径步骤为 右击我的电脑----属性----高级系统设置----高级----环境变量----点击path----编辑----新建 将自己mysql目录下的bin路径复制进去 确定

 

 然后以管理者的方式打开cmd

cd到刚刚bin的路径中

然后如图像我这样操作就ok拉  注意myblog是数据库的名字 myblog111.sql是导出的文件

 完成之后发先bin目录下就有了mysql111.sql这个文件

2.导入宝塔的数据库 

回到我们的宝塔控制面板 

 

提交后导入数据库

 第四步部署node项目

1.设置端口

这里添加了三个接口 80 3306(数据库的) 3007(node的请求端口) 

注意:关于3007端口 我的node服务器是开在了3007端口 所以这里按照你自己的添加 

 2.在宝塔上传node文件并修改成合理的文件

如图

进入wwwroot中 把本地的node文件夹直接拉进来 

 拉进来之后 我们这里使用的数据库肯定不是你本地的数据库了 而是宝塔里的 所以现在要让node合理一点。这里我的话只需要修改db文件里连接数据库的代码

 

将host和user passwore database修改一下 host是你购买的服务器的ip地址 账号和密码是我们之前添加数据库时候的用户名密码  database是我们刚刚新建宝塔数据库里的名字(按照文章来的话应该是db)

如果你有config文件 也需要把立马改的合理一点 就是把地址都改为服务器ip地址 如图

现在确定一些开放的端口号是否正确

80 3306(数据库的) 3007(node的请求端口) 

3.利用pm2管理我们的node

然后确定就ok了  这里看他是

 

 3007端口 我们已经开放了

4.postman测试一下

 没问题的

第五步部署vue项目

 1.修改项目axios的baseurl

跑一下看看是可以请求成功数据的

2.打包项目npm run build

3.回到宝塔页面点击网站 添加站点 这里我的域名还没有备案 所以先用服务器ip地址了、

4.在 wwwroot目录下 会出现http文件 并且将里边的所以文件删除(这里有个文件删不掉先不用管)

5.将打包后的dist文件里的文件 拉到宝塔的 wwwroot目录下的文件里

大概是这个情况

6.此时此刻就完成了

点击这里 就可以访问我们的网站了 

注意:如果你一步一步照着做却失败了,出现问题请联系我私信我

成功之后希望点赞评论一下

有关超详细部署vue+node+mysql项目到腾讯云的步骤的更多相关文章

  1. ruby - 如何在 buildr 项目中使用 Ruby 代码? - 2

    如何在buildr项目中使用Ruby?我在很多不同的项目中使用过Ruby、JRuby、Java和Clojure。我目前正在使用我的标准Ruby开发一个模拟应用程序,我想尝试使用Clojure后端(我确实喜欢功能代码)以及JRubygui和测试套件。我还可以看到在未来的不同项目中使用Scala作为后端。我想我要为我的项目尝试一下buildr(http://buildr.apache.org/),但我注意到buildr似乎没有设置为在项目中使用JRuby代码本身!这看起来有点傻,因为该工具旨在统一通用的JVM语言并且是在ruby中构建的。除了将输出的jar包含在一个独特的、仅限ruby​​

  2. ruby-on-rails - 项目升级后 Pow 不会更改 ruby​​ 版本 - 2

    我在我的Rails项目中使用Pow和powifygem。现在我尝试升级我的ruby​​版本(从1.9.3到2.0.0,我使用RVM)当我切换ruby​​版本、安装所有gem依赖项时,我通过运行railss并访问localhost:3000确保该应用程序正常运行以前,我通过使用pow访问http://my_app.dev来浏览我的应用程序。升级后,由于错误Bundler::RubyVersionMismatch:YourRubyversionis1.9.3,butyourGemfilespecified2.0.0,此url不起作用我尝试过的:重新创建pow应用程序重启pow服务器更新战俘

  3. ruby-on-rails - 新 Rails 项目 : 'bundle install' can't install rails in gemfile - 2

    我已经像这样安装了一个新的Rails项目:$railsnewsite它执行并到达:bundleinstall但是当它似乎尝试安装依赖项时我得到了这个错误Gem::Ext::BuildError:ERROR:Failedtobuildgemnativeextension./System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/bin/rubyextconf.rbcheckingforlibkern/OSAtomic.h...yescreatingMakefilemake"DESTDIR="cleanmake"DESTDIR="

  4. ruby-on-rails - 每次我尝试部署时,我都会得到 - (gcloud.preview.app.deploy) 错误响应 : [4] DEADLINE_EXCEEDED - 2

    我是Google云的新手,我正在尝试对其进行首次部署。我的第一个部署是RubyonRails项目。我基本上是在关注thisguideinthegoogleclouddocumentation.唯一的区别是我使用的是我自己的项目,而不是他们提供的“helloworld”项目。这是我的app.yaml文件runtime:customvm:trueentrypoint:bundleexecrackup-p8080-Eproductionconfig.ruresources:cpu:0.5memory_gb:1.3disk_size_gb:10当我转到我的项目目录并运行gcloudprevie

  5. Ruby 从大范围中获取第 n 个项目 - 2

    假设我有这个范围:("aaaaa".."zzzzz")如何在不事先/每次生成整个项目的情况下从范围中获取第N个项目? 最佳答案 一种快速简便的方法:("aaaaa".."zzzzz").first(42).last#==>"aaabp"如果出于某种原因你不得不一遍又一遍地这样做,或者如果你需要避免为前N个元素构建中间数组,你可以这样写:moduleEnumerabledefskip(n)returnto_enum:skip,nunlessblock_given?each_with_indexdo|item,index|yieldit

  6. ruby-on-rails - Ruby on Rails 可以部署在 Azure 网站上吗? - 2

    我可以在Azure网站上部署RubyonRails吗? 最佳答案 还没有。目前仅支持.NET和PHP。 关于ruby-on-rails-RubyonRails可以部署在Azure网站上吗?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/12964010/

  7. 使用canal同步MySQL数据到ES - 2

    文章目录一、概述简介原理模块二、配置Mysql使用版本环境要求1.操作系统2.mysql要求三、配置canal-server离线下载在线下载上传解压修改配置单机配置集群配置分库分表配置1.修改全局配置2.实例配置垂直分库水平分库3.修改group-instance.xml4.启动监听四、配置canal-adapter1修改启动配置2配置映射文件3启动ES数据同步查询所有订阅同步数据同步开关启动4.验证五、配置canal-admin一、概述简介canal是Alibaba旗下的一款开源项目,Java开发。基于数据库增量日志解析,提供增量数据订阅&消费。Git地址:https://github.co

  8. jenkins部署1--jenkins+gitee持续集成 - 2

    前置步骤我们都操作完了,这篇开始介绍jenkins的集成。话不多说,看操作1、登录进入jenkins后会让你选择安装插件,选择第一个默认的就行。安装完成后设置账号密码,重新登录。2、配置JDK和Git都需要执行路径,所以需要先把执行路径找到,先进入服务器的docker容器,2.1JDK的路径root@69eef9ee86cf:/usr/bin#echo$JAVA_HOME/usr/local/openjdk-82.2Git的路径root@69eef9ee86cf:/#whichgit/usr/bin/git3、先配置JDK和Git。点击:ManageJenkins>>GlobalToolCon

  9. 深度学习部署:Windows安装pycocotools报错解决方法 - 2

    深度学习部署:Windows安装pycocotools报错解决方法1.pycocotools库的简介2.pycocotools安装的坑3.解决办法更多Ai资讯:公主号AiCharm本系列是作者在跑一些深度学习实例时,遇到的各种各样的问题及解决办法,希望能够帮助到大家。ERROR:Commanderroredoutwithexitstatus1:'D:\Anaconda3\python.exe'-u-c'importsys,setuptools,tokenize;sys.argv[0]='"'"'C:\\Users\\46653\\AppData\\Local\\Temp\\pip-instal

  10. 在VMware16虚拟机安装Ubuntu详细教程 - 2

    在VMware16.2.4安装Ubuntu一、安装VMware1.打开VMwareWorkstationPro官网,点击即可进入。2.进入后向下滑动找到Workstation16ProforWindows,点击立即下载。3.下载完成,文件大小615MB,如下图:4.鼠标右击,以管理员身份运行。5.点击下一步6.勾选条款,点击下一步7.先勾选,再点击下一步8.去掉勾选,点击下一步9.点击下一步10.点击安装11.点击许可证12.在百度上搜索VM16许可证,复制填入,然后点击输入即可,亲测有效。13.点击完成14.重启系统,点击是15.双击VMwareWorkstationPro图标,进入虚拟机主

随机推荐