前端项目部署
前端项目部署
朝阳39
钟爱编程,偏前端开发,欢迎私信我加入EC尽享编程俱乐部共同学习,交流成长!
展开
-
Xshell连接金山云
1.下载安装软件xshellxshell 下载链接:https://pan.baidu.com/s/1uP6EmF8HV_4jbl0wxVcNbw提取码:6njr2.生成xshell 密钥自定义密钥的名称和密码全选复制生成的密钥3.将密钥添加到金山云公钥内容中,粘贴第2步复制的密钥后,点新建按钮。4.在金山云安全组中放行22端口出站配置与入站相同5.使用Xshell连接金山云如上图,将主机改为自己的金山云外网ip即可。双击金山云会话,即可完成连.原创 2021-11-09 18:58:18 · 204 阅读 · 0 评论 -
金山云部署vue项目
1. 购买金山云服务器https://www.ksyun.com/nv/product/KEC.html2. 重置服务器密码(默认账户是root,密码是系统随机生成的,所以需要重置为自己的)需先关闭服务器3. 修改安全组为了方便,可以直接开放所有端口,配置如下:出站规则与入站规则配置相同。若只开放部分端口,可以参考以下常用端口21/tcp FTP 文件传输协议22/tcp SSH 安全登录、文件传送(SCP)和端口重定向23/tcp Telnet 不安全的文本传送.原创 2021-11-09 18:30:25 · 921 阅读 · 0 评论 -
【项目部署系列教程】5. nginx配置反向代理,解决跨域接口的访问
vue的vue.config.js中通过proxy的配置,可以解决本地运行项目时的跨域问题,但项目部署上线后,所有的跨域接口,都需使用nginx配置反向代理才能访问!server { listen 80; server_name localhost; # 高德API location /gaodeMapAPI/ { proxy_pass "https://restapi.amap.com/"; }原创 2021-07-08 10:31:53 · 482 阅读 · 0 评论 -
vue 打包后自动部署到云服务器——scp2教程
1. 安装scp2npm install scp2 --save-dev2. 新建文件upload.js与package.json同级let client = require('scp2');const ora = require('ora');const chalk = require('chalk');const spinner = ora(chalk.green('正在发布到服务器...'));spinner.start();client.scp('./dist/', {.原创 2021-06-26 12:39:42 · 1115 阅读 · 0 评论 -
vue项目打包后自动压缩成zip文件
安装依赖npm install filemanager-webpack-plugin --save-dev在vue.config.js中添加如下代码const FileManagerPlugin = require('filemanager-webpack-plugin') configureWebpack: { plugins: [ new FileManagerPlugin({ events: {.原创 2021-06-13 12:03:10 · 2373 阅读 · 0 评论 -
nginx部署多个vue项目
需求描述在云服务器上部署两个vue项目浏览器访问http://106.12.123.173时,访问项目 itweb 浏览器访问http://106.12.123.173/dic时,访问项目 itdic1. 上传vue项目将项目 itweb打包后,上传到云服务器后,目录为/home/dist 将项目 itdic打包后,将包名修改为dicDist,上传到云服务器后,目录为/home/dicDist可以在项目 itdic的 vue.config.js 中,添加以...原创 2021-06-07 14:21:55 · 919 阅读 · 0 评论 -
Nuxt.js 速成(含使用宝塔实现nuxt项目部署)
创建项目npx create-nuxt-app 项目名称根据需要选择配置和依赖创建成功后启动项目进入项目目录 cd 项目名称启动项目npm run dev浏览器访问http://localhost:3000/部署项目1. 云服务器上安装PM2管理器若未安装宝塔,参考链接安装https://blog.csdn.net/weixin_41192489/article/details/109668849登录宝塔管理...原创 2021-06-04 16:56:19 · 1844 阅读 · 4 评论 -
免费获取最新版xshell和xftp的方法
1. 访问官网的免费授权页,输入自己的姓名和邮箱,勾选需要的软件点下载https://www.netsarang.com/zh/free-for-home-school/2. 进入自己的邮箱,查收内含下载链接的邮件,点击链接进行下载后安装下载后得到双击打开后,按提示安装即可,安装成功后,桌面会出现快捷方式3. 第一次开启软件会有提示弹窗,点关闭即可...原创 2021-05-08 08:01:45 · 248 阅读 · 0 评论 -
【项目部署系列教程】4. 将Vue项目部署到远程服务器
1. 将Vue项目的部署包上传到远程服务器通过 npm run build 打包vue项目后,得到 dist文件夹方式一: 使用宝塔上传登录宝塔,如下图,进入远程服务器的 /home文件夹后,点上传按钮,弹出上传文件弹窗将dist文件夹拖入弹窗中,点击 开始上传 按钮全部上传成功后,关闭弹窗,得到下图方式二: 使用xftp上传打开 xshell 连接上远程服务器后,点击 ‘新建文件传输’ 打开 xftp 窗口(也可以直接打开 xftp 软件...原创 2020-11-13 17:00:39 · 2223 阅读 · 0 评论 -
【项目部署系列教程】3. 安装宝塔 vs nginx
使用xshell连接到远程服务器,运行命令yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh 6dcb1e若非百度云服务器,或非Centos操作系统,请参考下方官网安装文档进行安装https://www.bt.cn/bbs/thread-19376-1-1.html安装成功后,会显示宝塔面板的网址和账户名原创 2020-11-13 15:48:56 · 421 阅读 · 0 评论 -
【项目部署系列教程】2. 本地连接远程服务器 xshell xftp
1. 下载安装软件xshell 和 xftpxshell 下载链接:https://pan.baidu.com/s/1uP6EmF8HV_4jbl0wxVcNbw提取码:6njrxftp 下载链接:https://pan.baidu.com/s/1BGkh740B819PLwArcJwR8g提取码:b44y2. 连接远程服务器名称:给连接自定义一个名称主机:为所购远程服务器的外网IP点确定后,根据提示,输入远程服务器的用户名和密码即可连接连接成功后...原创 2020-11-13 09:25:44 · 295 阅读 · 0 评论 -
【项目部署系列教程】1. 购买云服务器
以百度云为例https://cloud.baidu.com/注册账号后登录(若已有百度账号,可使用百度账号登录) 按提示,完成实名认证(百度为百度智能云app的刷脸认证) 选择符合需求的云服务器,付款购买即可(建议在双十一等促销活动时购买)地区随意选择,操作系统推荐CentOS购买成功后,会收到短信通知,在下方链接中,选中所购服务器的地区,可以看到已购服务器的实例https://console.bce.baidu.com/bcc/#/bcc/instance/list..原创 2020-11-12 21:37:30 · 177 阅读 · 0 评论