前言：在前端项目的部署上需要让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可以根据你需要的进行修...
现象：在浏览器中直接访问www.test.com/api1/login会404。但如果你先访问www.test.com后再点“登录" 跳转到www.test.com/api1/login是正常显示。f5刷新又会出现 404了这是web单页面开发模式造成的。现在主流的前端框架基本都是单页面的。如：react、vue等。单页面简单来说就是访问所有资源路径、其实页面内容只有一个（一般是index.html）。这个页面中引入的js框架会根据当前访问的url去路由到相应的子页面组件（可以理解为页面片段...
前言：相信很多前端开发者都拥有自己的vue项目，若想把自己的项目做成网站分享给大家看，最常用的就是利用Github提供的GitHub Pages服务和Gitee提供的Gitee Pages服务。其中，Github是国外网站，Gitee是国内网站（访问速度较快）。本文给大家介绍的是如何将 vue-cli 3.0+项目部署到github pages 并同步到 gitee Pages上。一、服务说明与注意事项在你的github项目设置的GitHub Pages项，有这么一句话：GitHub Pages is designed to ...
vue+element部署一.环境准备 1.因为Nginx依赖于gcc的编译环境，所以，需要安装编译环境来使Nginx能够编译起来。 命令：yum install gcc-c++ 2.Nginx的http模块需要使用pcre来解析正则表达式，需要安装pcre。 命令：yum install -y pcre pcre-devel 3.安装依赖的解压包。 命令：yum install -y zlib zlib-devel 4.ssl 功能需要 openssl 库，安装 openssl。 命令：yum install -y openssl openss...