一般前端工程师只会使用npm run serve 在开发环境下验证，那么如何把npm run build 打出的包部署到服务器上进行上线呢？这篇文章就详细阐述这一流程。1. 购买或试用阿里云服务器 作为新用户可以试用一个月阿里云服务器，阿里云官方网址如下：https://www.aliyun.com/?utm_content=se_1008364713如果想试用的话需要实
Vue应用部署到服务器的正确方式很多时候我们发现辛辛苦苦写的VueJs应用经过打包后在自己本地搭建的服务器上测试没有什么问题，但真正放在服务器上后，会发现或多或少的问题，比如：页面出现空白现象，获取资源路径不对等，我相信以VueJs为技术栈来进行前端开发的小伙伴或多或少都会遇到这样的问题，我也遇到过，那现在我们就来一一解决这样的问题。如何打包基于Vue-Cli,通过npm run build来进行
转载
2024-08-07 15:42:01
78阅读
前言： 最近想对学过的前端知识以及做过的项目进行整理，于是采用了vuepress+gitee搭建个人博客，本篇文章主要写搭建过程及遇到的坑。前提条件：VuePress 需要 Node.js >= 8.6一，快速搭建博客mkdir vuepress-starter && cd vuepress-starter //创建一个新目录并进入该目录
yarn init //包管理器
文章目录腾讯云部署服务器进行网站搭建（Django）Author:LuisTime:2022-04-08Version:v1.0说明测试代码具体操作1、重置密码，并保存2、登录，并安装宝塔面板3、防火墙内添加规则8888 888 90003个端口4、登录宝塔面板5、选择极速安装（速度快），也可自行设置6、上传文件7、软件商场安装python和phpMyAdmin 4.4，并设置安装python版
转载
2023-11-30 06:58:32
144阅读
在进行部署前请确认服务器上已安装了Docker docker安装：https://www.runoob.com/docker/ubuntu-docker-install.html使用docker部署①创建容器docker run --name myNginx -p 8001:80 -d nginx
• docker run : 创建并运行一个容器
• –name : 给容器起一个名字, 比如叫做
转载
2023-10-15 09:30:17
403阅读
0.前言 经过一段时间的探索，前端后端都有大致的样子了。下面就是部署到服务器，让我的博客项目公布在网上啦~~ 1.前端部署 1.1服务器准备 Nginx环境 后端接口——想要完全的效果提前部署好 1.2前端打包准备 终端运行命令 npm run build 其实它就是个静态文件，在哪访问都一样 1.2.1 静态路径问题 点击index.html，通过浏览器运行，出现以下报错，如图 具体步骤如下：
转载
2024-03-11 08:21:55
237阅读
由于项目需要部署到服务器上面，这两天捣鼓了一下docker和nginx，给我最大的感觉对linux更加熟练了…（之前完全没有接触过linux）。期间真的踩了很多坑，在这里吐槽一下…然后简单描述一下怎么利用docker安装nginx部署vue项目。1.登录服务器，同时安装docker。docker安装我用了简单粗暴的一键安装：curl -fsSL https://get.docker.com | b
转载
2023-12-15 20:16:24
54阅读
操作系统为centos首先安装tomcat，执行yum -y install tomcat之后启动systemctl start tomcat.service查看启动状态systemctlstatustomcat安装完之后访问8080成功即可。在vue执行 npm runbuild 会在项目根目录生成dist文件夹将dist文件拷贝到...
原创
2022-10-19 16:10:40
229阅读
我的情况是别人已经把环境搭好了，我只需要部署就行了 1.现在下载两个软件 Xshell7 是用来写命令的； Xftp7 是用来把文件传输到服务器上去的； 安装很简单的，下一步，一路下去就行了； 然后配置： 它们的配置是差不多的 新建对话框 在连接过程会弹出对话框叫你输入名字和密码 连接成功后就是会是 ...
转载
2021-07-27 17:08:00
536阅读
2评论
文章目录一、配置好前台后台域名和ip的映射关系二、在服务器上安装2个tomcat，并且可以运行成功1.修改端口号：访问的端口和8005端口2.外部访问：安全组端口对外开放，服务器防火墙对外开放2.3测试服务器本地tomcat是否启动成功最后tomcat运行无误后，页面输入url返回tomcat页面，tomcat部署完毕三、部署前后端项目**1.tomcat部署完毕后，首先修改vue配置分别在gl
转载
2024-10-09 11:21:58
56阅读
本篇博客完整地记录了我从购买服务器到完成部署的全过程，需要的朋友可以参考一下我的流程，看这一篇文章就能成功部署项目啦。写这个的本意是为备忘（ 保姆级步骤），同时由于我在最开始部署项目时，没有找到一个完整的部署参考教程，走了很多弯路、费了很大的精力，所以也希望通过这篇博客能帮助到更多需要这方面参考的人，可以让大家少走点弯路。目录1. 整体结构2. 购买云服务器3. 在服务器安装、配置MySQL4.
转载
2023-11-13 13:46:18
135阅读
# Vue部署到Node服务器
作为一名经验丰富的开发者，我将帮助你学习如何将Vue应用程序部署到Node服务器上。在本文中，我将介绍整个过程的流程，并为每一步提供详细的代码示例和解释。让我们开始吧！
## 步骤概览
以下是将Vue应用程序部署到Node服务器的整个过程的概述：
| 步骤 | 描述 |
| ------ | ----------- |
| 1. | 创建Vue应用程序
原创
2024-04-25 10:50:35
81阅读
# Vue部署到Nginx服务器
## 概述
在实际项目中，当我们开发完成一个Vue前端应用后，需要将其部署到Nginx服务器上，以供用户访问。本文将详细介绍如何将Vue应用部署到Nginx服务器上，包括打包Vue应用、配置Nginx服务器等步骤，帮助刚入行的小白快速上手。
## 步骤表格
| 步骤 | 内容 |
| ------ | ------ |
| 1 | 打包Vue应用 |
| 2
原创
2024-04-28 10:26:18
67阅读
将vue+node项目部署到服务器的方法：一、前端的部署前端部署其实就是搭建一个网站1、在服务器上，搭建一个网站2、阿里云配置服务器的时候默认会配置 22、80、443、3389 这几个端口到安全组，如果没有可以手动配置下。3、用外网访问我们的公网IP，能够看到一个IIS的默认页面，证明我们成功了。4、将我们传到服务器上的前端项目(index.html + 一些js + 一些css + 一些静态资
转载
2024-01-09 22:38:56
51阅读
这里使用两种方式将项目部署到服务器上，nginx和nodeJS(pm2进行管理)，主要记录一下。一.准备服务器系统：CentOS71.将Vue项目进行打包在项目根目录的命令行中输入npm run build2.打包完成打包完成后，会在项目根目录生产dist文件夹，我们到时需要将这个文件夹丢到服务器上。二.使用nginx部署参考教程： 安装所需环境 Nginx 是 C语言 开发，建议在 Linux
转载
2023-11-27 10:16:49
226阅读
前置条件1、我们假设你已经安装了Nginx、Mysql、Django、python3、pip3等必须的软件2、有一个能用runserver正常启动的Django项目3、该项目已经上传到linux(可通过gitlab+jenkins自动部署到服务器，详见其它博客)4、通过pip安装好项目所需的其他模块。安装Uwsgiuwsgi是python的一个模块，通过pip命令安装uwsgipip3 insta
转载
2024-08-12 14:28:43
28阅读
写在开头 第一次用Flask做Web(也是第一次用Python做Web),在部署的时候遇到了不少问题,现在将过程就下来,供在这方面也有疑惑的人参考.(PS:使用Apache+mod_wsgi部署模式的可以参考另一个博主的这篇文章:http://blog.el
转载
2023-11-18 16:29:47
21阅读
一、配置环境1.1下载wget https://www.python.org/ftp/python/3.9.1/Python-3.9.1.tgz1.2解压tar -zxvf Python-3.9.1.tgz1.3编译./configure --prefix=/usr/pythonmake && make install 1.4配置环境变量vi /etc/profile
转载
2023-07-03 09:59:07
113阅读
前言 前提：写好项目 买好服务器 vue项目上传到github 服务器安装git并拉取项目 一、具体流程购买服务器远程连接服务器安装docker服务基于docker安装nginx服务本地后创建vue项目 并上传git服务器安装git 并拉取代码服务器安装nodejs 并编译代码将编译后的静态文件放到nginx中二、实践1.安装docker服务百度安装 docker 大概需要十几分钟 启动docke
转载
2023-09-22 23:26:36
155阅读
目录一、打包项目 二、修改Nginx的配置三、部署四、开放端口号一、打包项目1. 在 vue.config.js 文件中找到并修改，主要是publicPath 与outputDir 两项配置，若项目中有baseUrl,替换为publicPath （baseUrl, vue cli 3.3 已弃用） module.exports = {
// 基本路径
publicPath
转载
2023-12-07 14:19:30
60阅读
