Tomcat部署vue单页面项目将vue项目打包，会生成一个dist文件夹npm run build
将dist文件夹中的内容复制到Tomcat的webapps/ROOT目录下（Tomcat默认的根目录就是webapps/ROOT目录）启动Tomcat，浏览器访问 http://localhost:8080/ 即可注意：
由于npm run build打包生成的index.html文件中，引入的css和js都是基于根目录的，
像这样<script src=/js/app.a9514e70.js></script>,
所以不能将dist文件夹中的内容放到webapps目录的其它文...
一：Vue简介 vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。 Vue两大核心思想：组件化和数据驱动。 组件化就是将一个整体合理拆分为一个一个小块（组件），组件可重复使用； 数据驱动是前端的未来发展方向，释放了对DOM的操作，让DOM随着数据的变化自然而然的变化，不必过多的关注...
我又来了，今天部署了下vue项目，使用nginx做了代理，这样可以解决跨域的问题，这里做一个简单讲解。1.先看vue项目打包（我这里使用的是vscode开发工具）这里是我的项目结构：打包之前需要修改如下配置文件：配置文件一：build>>utils.js (修改publicPath:"../../" , 这样写是处理打包后找不到静态文件的问题)配置文件二：config>>index.js(修改assetsPublicPath:‘./‘ ,修改目的是为了解决js找不到的问题)上面两步修改完成之后就...
前言：在前端项目的部署上需要让2个前端项目都部署到一个IP地址和端口下，那么我们这里就要用到Nginx了，接下来我们看看如何在一个Nginx下部署2个前端项目。例如我的服务器地址是http://1.116.33.31/那么则是访问的pc项目首页，则是访问的app项目首页 一，首先打包编译两个前端项目（base基础路径）pc项目base默认不写，也就是 1.116.33.31/ app项目base：‘/app/‘，也就是http://1.116.33.31/app/二，把打包生成的静态文件上传到...
vue 写好代码后台，在本地正常运行。 打包到 服务器上，服务器访问报服务器路径错误打包上传服务过程省略原理：在本地有vue的运行环境node，运行起来就可以作为一个前端服务器使用。 但是打报后，就成为静态前端文件， 文件需要放到一台服务器上才可以运行访问。因为在vue中用到了代理，所以我们服务器选择也要适合代理的服务器nginxvue 配置代码 我们将打包后的代码dist放到nginx html 目录下，启动nginx 访问报错接口路径未找到...
ngnix 部署 vue项目-基础篇
标签（空格分隔）： docker ngnix vue Dockerfile目录基础知识主要知识点###1.基础知识 image containerdocker 命令 build run rm rmi execDockerfilenpm 打包vue项目###2.主要知识点Dockerfile image container 简单来讲，Dockerfile构建出Docker镜像，通过Docker镜像运行Docker容器。Dockerfile 包含构建image的指令#基于centos镜像
FROM centos #引用指定基础镜像#维护人的信息MAINTAINER The CentOS...
一、Jenkins配置：1、安装Publish Over SSH 和NodeJS(编译vue项目使用)插件： 如图所示，进入安装插件页面： 再安装nodejs插件： 点击安装即可。2、配置git用户凭证： 如上图所示，进入账号维护页面： 添加账号和密码，点击下边的保存：3、系统配置：配置Publish over SSH账号：拉倒最下边：配置完成记得保存。 4、全局工具配置： （1）git配置： （2）NodeJS配置： 配置完成记得保存。 二、创建部署项目：1、创建 item： ...
部署Vuedist文件夹首先拿到服务器的公网IP使用putty.exe工具获取到宝塔linux面板putty需要root用户名和密码输入成功继续输入bt default以下是宝塔页面（注意：dist文件夹里面的所有文件都要拖到公网IP根目录里面）原文：https://www.cnblogs.com/yumengcode/p/14846456.html
前言 常用的部署方式有两种：1.是把生成好的静态页面放到spring boot的static目录下，与打包后的spring boot项目一起发布，当spring boot运行起来后，自然而然就能访问到静态页面文件了。这种方法比较简单，适用于非常小型的系统。优点是：不需要复杂的配置。而缺点也很明显：需要两者一同发布。我在这里就不做赘述了。2.是通过http服务器发布，本文以nginx为例，重点介绍这种方式。 一、生成静态页面 运行npm run build 生成的页面...
1、下载安装包，具体版本根据自己需要。wget https://nodejs.org/download/release/v6.12.3/node-v6.12.3-linux-x64.tar.gz2、解压到指定目录tar -xzvf node-v6.12.3-linux-x64.tar.gz.2 -C ~/app3、配置环境变量#nodejs
export NODEJS_HOME=/home/hadoop/app/node-v6.12.3-linux-x64
export PATH=$NODEJS_HOME/bin:$PATH4、刷新source /etc/profile5、检测node -v此时node.js已经完成。下面是打包有关安装6、安装webpackagenpm in...
注：网上很多教程都是使用GitHub hook trigger进行自动部署的，这种提交代码后自动部署方式不太严谨，如下：1，有时提交代码并不想去部署程序2，团队成员都提交代码后，合并到一起后，需要先确保整体代码兼容性可靠，流程没问题，然后由固定的人员去手动部署上线3，所以本文是使用手动点击，自动部署到远程服务器的 一，部署流程思路1，名词解释A服务器：安装Jenkins的服务器(本机或者服务器)Git服务器：Github网站(Git服务器或svn...
Nodejs介绍什么是JavaScript？javascript是一门运行在浏览器端的脚本语言，用来做客户端页面的交互。JavaScript的运行环境呢？故名思意他的运行环境就是浏览器，但是真的是这样的吗？其实不然，他的真正运行环境其实是运行在浏览器内核中的js引擎。为什么是这样的了？因为通俗来讲浏览器得作用就是用来浏览网页得，我们在浏览器除了执行js外还能执行其他得东西，比如我们在浏览器输入一个地址敲回车就可以发送请求并且接收服务器得...
本次在腾讯云上部署vue项目使用nginx代理腾讯云需要开放端口和绑定域名，这些需要参考腾讯云给的说明 前面是开放外部端口，还需知道软件端口是否打开1.查看firewall服务状态：systemctl status firewalld查看防火墙规则：firewall-cmd --list-all查看firewall的状态：firewall-cmd --state开启、重启、关闭、firewalld.service服务开启：service firewalld start重启：service firewalld restart关闭：service firewalld stop2....
阿里云安装Nginx+vue项目部署nginx安装包下载http://nginx.org/en/download.htmlnginx安装首先先安装PCRE pcre-devel 和Zlib，因为配置nginx的时候会需要这两个东西
PCRE(Perl Compatible Regular Expressions) 是一个Perl库，包括 perl 兼容的正则表达式库。nginx 的 http 模块使用 pcre 来解析正则表达式，所以需要在 linux 上安装 pcre 库，pcre-devel 是使用 pcre 开发的一个二次开发库。nginx也需要此库。命令：yum install -...
前言 今天把自己写的demo登录写完了,就想着试着走一下部署上线的流程。参考了很多的文档,终于成功进行了部署。在这里将服务器的搭建和vue项目的部署上线进行整理(都是基础的知识,希望对大家有帮助。对我帮助是很大的)2.流程 1.服务器搭建 这里我用的是腾讯云的服务器。买了一个域名。没有备案的域名也可以使用。买完服务器进行域名解析。点击添加解析,按照下面这样填写就行 马赛克是你的外网ip可以根据你需要的进行修...
