说明使用子目录方式部署，就是将nginx root配置到目录，目录下放多个项目，不需要配置到具体项目，最终使用目录访问。使用子目录部署不成功，基本上是因为资源问题。原本直接根目录访问，多了项目名，导致资源访问404。是否能用代理实现，我并没有成功，只代理了第一个页面，后续页面出现问题。nginx 配置目录解决资源问题*.js资源问题:webpack配置publicPath相对路径publicPath: './'，使用绝对路径都会从ip:port开始访问，所以导...
好久没有写点什么了！！！在日常开发过程中，安卓经常要给测试打包测试包，如果当时你正在新的版本分支开发的话只能先暂存分支，切换分支给测试打包对应的测试包或者正式包，给开发确实带来不好的体验，所以jenkins的使用也算解放了开发的双手，将主动权交给了测试同学，今天介绍如果在一台普通的Windows环境的电脑上构建jenkins的环境，方便的构建Android应用和vue前端应用，并通过windows的IIS服务开启网站服务和FTP服务，将打好...
1,打包 1.1首先你会在本地编辑好你的代码, 1.2然后在控制台输入 npm run build npm run build1.3稍等片刻就打包完毕2,位置 2.1打包完毕之后会在项目中生成一个dist文件,里面有一个html文件还有一个static文件里面就是各种js css2.2右键你的项目上面 找到Show Explorer 这个就是打开你项目文件夹的方法2.3进入文件就看到了dist,点击进入 看到了一个static文件夹还有一个index.html 只有这么多 这样打包就是这样的3.上传 3.1linux下找...
一、分析准备 接上文，我们的前端代码是通过git管理的，需求是通过Jenkins拉取前端VUE代码并且编译生成待部署的部署包。经过分析，我们需要做如下的准备： 1、Jenkins的机器能拉取git代码并编译；——已完成 2、Jenkins的机器能通过SSH连接项目所在的windows server服务器；——已完成 3、新建Jenkins任务将编译、部署串起来；——本期目标 PS：项目的情况如下Jenkins机器1台，部署在windows机器项目语言 VUE纯前端项目部署服务器...
文章目录 前言安装NginxVue项目部署前言安装Nginx 1、下载Nginx http://nginx.org/en/download.html 2、上传 可以使用XShell+XFtp工具上传到/usr/local目录 或直接下载 wget -c https://nginx.org/download/nginx-1.12.0.tar.gz3、解压 tar -zxvf nginx-1.12.2.tar.gz4、安装相关的依赖工具 yum install -y gcc-c++ yum install -y pcre pcre-devel yum install -y zlib zlib-devel yum install -y openssl openssl-devel5、配置 ...
安装nginx apt-get purge nginx nginx-common 进入nginx配置文件，配置nginx cd etc/nginx/sites-enabled sudo vim default 进入default，点击i打开编辑模式，主要配置端口，文件位置和接口地址，如下图： *所配端口必须保证是放行状态 netstat -aptn 查看所有放行的端口号 sudo ufw enable allow 8888 放行指定的端口号 *配置项目路径 root后面为vue项目在该服务器的路径，我的路径是/home/ubuntu/youjiTest/dist *配置接口地...
1.win键 + R ，输入CMD打开命令行。 2.输入node -v 查看node.js是否安装，如果输出版本号，则进行下一步，否则安装node.js。 下载地址：https://nodejs.org/en/，一路傻瓜式安装就可以了。 输入npm -v 查看npm命令是不是安装成功，出现版本号则代表成功，和node一样。 3.使用淘宝镜像，输入npm install -g cnpm –registry=https://registry.npm.taobao.org，时间可能会有点长，耐心等待一会儿吧。 4.安装vue-cli，输入npm insta...
vue cli 4.x 构建的前端项目在本地调试无问题，但部署到服务器后，无法正常访问。 网上很多说 “问题出在vue项目中，在router文件夹的index.js文件中，将mode修改为hash模式即可，如果使用的是history，那么需要后端进行配置。” 这里说下我的解决过程一、部署到服务器出错 “We’re sorry but project-name doesn’t work properly without JavaScript enabled. Please enable it to continue.” 二、错因分析 可以发现，项目打包...
vue nginx配置 记录线上配置坑，采用官方配置说明仍无效 记录线上配置坑，采用官方配置说明仍无效 在nginx配置为根路径’/’,设置官方推荐配置，仍不生效 官方推荐配置 location / {root /xxx路径/er-ui;try_files $uri $uri/ /index.html; }采用以下配置解决问题location / {root /xxx路径/er-ui;if (!-e $request_filename){rewrite ^/ /index.html;}index index.html index.htm;}
（一）新建vue项目npm install -g cnpm --registry=https://registry.npm.taobao.org 安装cnpm淘宝镜像 cnpm install vue 安装vue，查看vue -V npm install -g @vue/cli 或 cnpm install --global vue-cli 安装cli vue init webpack prjName vue新建项目(vue2) vue create pgjName ...
一、安装nginx #设置源 sudo rpm -Uvh http://nginx.org/packages/centos/7/noarch/RPMS/nginx-release-centos-7-0.el7.ngx.noarch.rpm#安装 yum install -y nginx#启动服务 systemctl start nginx.service#关闭服务 systemctl stop nginx.service#开机自启 systemctl enable nginx.service二、部署时可能会发现资源路径不对 ,只需修改文件资源路径更改config文件夹下index.js(config -> index.js -> build对象)资源发布路径# chan...
VUE项目首次npm run dev能正常运行，更改部分代码后保存运行抛出错误。scripts中添加一句指令 安装两个npm包 ： increase-memory-limit 和cross-env 安装完成后，先执行一次 npm run fix-memory-limit，然后yarn serve启动即可 或者 找到node_modules/.bin/webpack-dev-server.cmd这个文件，添加一句：“–max-old-space-size=4096”
坑1： 阿里云上直接安装nodejs，版本太低。。。才6.7的版本，我的开发版本是已经升级到14了。 我的解决办法：官网上下载Linux版本，解压，建立软链接。 坑2： 以前没有在linux下发布的经验，vue脚手架vue-cli没有安装。 解决办法：利用命令npm install -g @vue/cli安装好 坑3： 一直报：spawn ENOENT12 verbose stack at ChildProcess.<anonymous> (/root/node-v14.4.0-linux-x64/lib/node_modules/npm/node_modules/npm-lifec...
(转载请删除括号里的内容) nginx是一个高性能的HTTP和反向代理服务器。因此常用来做静态资源服务器和后端的反向代理服务器。本文主要记录使用nginx去部署使用vue搭建的前端项目，项目基于vue官方的脚手架vue-cli构建。 打包vue项目npm run build通过上面命令后打包好的静态资源将输出到dist目录中。如图所示 安装nginx 到nginx官方下载系统相关的nginx版本安装 windows环境 下载相应的windows版本解压，解压后如图所示 启动命令...
我的项目由客户端、后台管理、数据库和服务器三部分组件，每次启动项目都要一个一个启动，挺麻烦的，现在写一个.bat文件来批处理命令。 这个是我的启动文件内容。 第一行运行的我wampServer服务器，我用这个来运行和管理mySql 第二行，先启动一个新的命令行窗口，\K 是为了不让窗口自动关闭，我需要保持这个服务，然后双引号中间是我的shell命令，多条命令用&&分隔开，我这里先找到目录然后npm run serve启动前端服务 第三行同第...