Vue项目中常见问题(65)购买服务器以及安全组与xshell操作

最新推荐文章于 2024-01-03 18:02:39 发布
最新推荐文章于 2024-01-03 18:02:39 发布
阅读量500 收藏
点赞数
分类专栏： vue前台管理项目 文章标签： 服务器 运维
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_46368050/article/details/124993953
版权
本文介绍了在Vue项目中购买阿里云或腾讯云服务器，并详细讲解了安全组配置、Xshell7的Linux操作，包括创建目录、使用Xftp7建文件夹以及nginx的配置和作用。
摘要由CSDN通过智能技术生成

目录

 1.打开网页登录

 2.打开安全组

 3.打开服务器

​编辑

 4.Xshell7的linux操作

4.1现在进入的目录是家目录

4.2可以看到根目录下面的目录

​编辑

 4.3上面有很多目录,但是我们能操作的只有root目录

 4.4在root文件下创建一个新的目录

 4.5进入我们在root中创建的文件中再创建一个文件

 4.6在www里面在创建一个文件夹shangpinhui

 4.7查看绝对路径

5.Xftp7的操作

当然建文件夹我们也可以不用linux命令来建,我们可以直接在Xftp右键新建文件夹也是可以的

购买服务器

阿里云

腾讯云

我们这里以腾讯云为例

大家可以跳转到我的这篇文章查看具体流程;

腾讯云轻量服务器如何部署项目_学无止境QAQ的博客-CSDN博客_腾讯云服务器部署项目

1.打开网页登录

腾讯云 - 产业智变 云启未来

2.打开安全组

点击控制台

 搜索安全组

 点击新建,就会自动填写好信息,你点击确认就行

设置安全组,让服务器一些端口号打开

 3.打开服务器

我们利用Xshell7或者Xshell6都可以

之后操作参考这篇文章:

腾讯云轻量服务器如何部署项目_学无止境QAQ的博客-CSDN博客_腾讯云服务器部署项目

 

4.Xshell7的linux操作

4.1现在进入的目录是家目录

4.2可以看到根目录下面的目录

//cd是更改目录  /是去根目录
cd /
//ls是查看该目录下的其他目录
ls

最低0.47元/天 解锁文章
学无止境QAQ
关注
专栏目录
Spring boot + Vue上传到服务器(Xshell)并访问
weixin_44172680的博客
11-22 627
部署前后台项目在服务器上 搞拉一天的一个小项目，然后上传到服务器上就开始燥，因为第一次，有很多不会的地方，如果有不对的，请见谅 现在上传后台 大家不要急，请慢慢的，不要跟我一样，急躁，嘻嘻 一:点击右侧的Maven 点击Lifecycle 下的package ，然后点击之后，再点击我们的绿色运行键 这里大家稍微等一等哈， 然后运行之后就可以在** target **下面看到我们打成的jar...
vue项目使用xshell部署到服务器
Tel_17674647975的博客
03-27 956
第一次部署vue项目
vue nuxt项目在Xsell上部署
AS、SD的博客
05-27 233
Linux部署nuxt项目 1、服务器安装环境 a/ 安装node 1、下载node i：在node官网下载Linux 64的node文件，通过ftp上传至/usr/local/node文件夹下 文件名：node-v12.13.0-linux-x64.tar.xz 或者： ii：wget https://nodejs.org/dist/v12.13.0/node-vv12.13.0-linux-x64.tar.xz 2、下载之后，由于是tar.xz格式的压缩文件，所以需
【项目部署】vue项目部署&xshell使用&Nginx了解
最新发布
记录
01-03 1211
一般来说，前端只需要把代码使用或者其它类似的自定义指令将代码进行打包，并提供给后端，就可以了。（如有问题再配合修改）但学一些运维相关的知识，能让前端更好排查问题，是很有必要的。在软件开发生命周期中，部署是将软件应用程序从转移到的过程。这个过程涉及到将代码、配置文件、数据库、静态资源等部署到目标服务器或云平台上，并确保应用程序能够正确运行和提供服务。如何通过自己当前使用的电脑，连接操作目标服务器呢？可以使用类似 Xshell 的终端模拟软件来进行连接。
WebSocket+xterm+springboot+vue 实现 xshell 操作linux终端功能
心藏_的博客
02-16 7968
xterm 是一个使用 TypeScript 编写的前端终端组件，可以直接在浏览器中实现一个命令行终端应用。Xterm.js 适用于大多数终端应用程序，如 bash，vim 和 tmux，这包括对基于curses的应用程序和鼠标事件的支持。
使用vue打包进行云服务器上传的问题
11-21
本问题主要涉及Vue项目的打包配置、环境变量的设置以及云服务器上的文件上传与解压。以下是对这些知识点的详细说明： 1. **Vue配置调整**： - `vue.config.js` 文件是Vue CLI项目的配置文件，位于项目的根目录下。...
vue项目部署上线遇到的问题及解决方法
08-27
以上就是Vue项目部署上线的基本流程和常见问题解决方法。在整个过程中，可能会遇到各种问题，如网络连接问题、权限问题、依赖安装问题等，遇到这些问题时，应结合服务器日志和网络资源进行排查解决。通过不断实践和...
在Linux上从零开始部署前后端分离的Vue+Spring boot项目
lmx736338483的博客
03-08 874
最近做了一个前后端分离的商城项目来熟悉开发的整个流程，最后希望能有个正式的部署流程，于是试着把项目放在云服务器上，做了一下发现遇到了不少问题，借此记录一下整个部署的过程。 使用的技术栈如标题所说大体上是Vue+Spring boot，但还是要提一下详细的版本，因为在解决问题的过程中发现由于开发环境的不同会产生诸多影响，查找问题时如果没有版本作为前提经常会出现很多不必要的误解，甚至是误操作，非常浪费时间。详细版本情况如下： Vue 2.6.11 Vue-cli 4.5.0 Spring boot 2.1.1
前端部署项目到服务器
Arui_0的博客
06-12 1645
node.js其实上学的时候学过一些，但是学过的知识全都还给老师了，之后走了前端这条路，不得不拾起node,年前架构师让我部署项目，我一头雾水，之前也没有接触过部署。最后稀里糊涂在同事的帮助下用nginx反向代理了一下，勉强算是部署了。这次因为项目需求，再加上确实也想学习一下部署，同事就把一次小更新的部署交给我了，默默的感谢一波~部署之后发现，往往不是败给了生涩的概念，而是败给了自己内心的恐惧。 写在前面 之前完全没有接触过服务器，对服务器的概念也是一知半解，所以此篇文章适合和我一样的小小小菜鸟观看，望大佬
vue项目部署
qq_50962973的博客
11-26 653
腾讯云服务器部署vue项目
如何购买阿里云服务器并配置安全组使用xshell成功连接
沃泽法克的博客
07-13 638
进入阿里云商品区 最新活动这里一般都有打折商品，选择云服务器ESC 我选择了151这个，因为已经买过一次了，第二次选择没有优惠了，直接购买下单即可 购买完成之后，还不能访问，需要配置安全组 安全组 找到实例，选择安全组，加入安全组 下一步配置实例组、 选择手动添加，其实就是添加端口，比如80、8080.3306端口 配置完成之后，返回实例，重置一下密码 重置后会重新启动，启动之后就可以用访问工具，访问服务器了 ip是公网地址，用户名是root、密码是自己设置的 ...
Nginx的安装和应用（详细介绍）
ggjklncffd的博客
10-02 1334
Linux 环境中下载和安装Nginx。
CentOS 如何安装 Nginx
学习笔记
07-04 751
直接 它会提示没有 nginx 这个包你需要先，添加 CentOS 7 EPEL repository 库 再安装就可以了
nginx 安装失败 没有/etc/nginx目录
xp5xp6的博客
01-18 1万+
Failed to start A high performance web server and a reverse proxy server sudo apt-get --purge autoremove nginx which nginx
vue实现webshell
Ang-l
06-02 8542
Webshell “web”的含义是显然需要服务器开放web服务，“shell”的含义是取得对服务器某种程度上操作权限。webshell常常被称为通过网站端口对网站服务器的某种程度上操作的权限。 一方面，webshell被站长常常用于网站管理、服务器管理等等，根据FSO权限的不同，作用有在线编辑网页脚本、上传下载文件、查看数据库、执行任意程序命令等。 另一方面，被入侵者利用，从而达到控制网站服务器的目的。这些网页脚本常称为WEB脚本木马，比较流行的asp或php木马，也有基于.NET的脚本木马与JSP脚本木
Xterm4.js + vue + go 网页版本Xshell经典案例
liuwang61147371的专栏
03-12 3562
如果你需要网页版Xshell,那么你找对了就是这里 那么废话不说.直接粘贴代码如下: 1.vue前端代码如下,包自己下载.不会百度 <template> <div ref="xtermRef" style="width: calc(100% - 40px);height: 800px;padding: 20px" /> </template> <script> import 'xterm/css/xterm.css' import { Termin
Linux服务器部署vue项目
热门推荐
dya110699的博客
09-09 7万+
最近刚到新公司，正好之前没接触过这方面的东西。最初仅仅是猜想。最后也没想到Tomcat真的可以部署前端页面 好，我先来。新建一个vue项目。 //详细的怎么创建。我这里就不说了。 vue init webpack vuetest 得到的项目目录 执行， npm run build // 进行打包操作 当最后看到这样代表打包成功 此时你可连接服务器。我这里用...
Xshell,Xftp,nginx配置vue项目（包含踩坑）
weixin_44891757的博客
07-28 2307
这两天用nginx配置vue项目因为也是第一次配置，翻了很多博客也是踩了不少坑，怕之后会忘，所以写篇博客总结一下流程。 使用工具 我这边配置使用xshell，xftp。xftp可以更加方便的传输文件(可以直接传文件夹) 连接xshell，xftp自行百度都有 安装nginx 1.安装编译工具及库文件 yum -y install make zlib zlib-devel gcc-c++ libtool openssl openssl-devel pcre-devel gcc、gcc-c++ # 主要用
Vue项目腾讯云部署教程与常见问题解决方案
本文档详细介绍了在部署Vue项目时可能会遇到的问题以及相应的解决方法。作者首先讲述了项目上线的背景，他们完成了一个登录Demo后，决定实践部署流程，以便与读者分享基础经验，希望能对大家有所帮助。 1. 服务器...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值