首先我使用的是后端接口+前端vue的形式,这样就涉及到跨域的问题。我是这样配置的: 然后还遇到一个问题:我在vue中使用的是vue-router跳转的,如果跳到二级菜单,刷新页面的话会出现404页面。这是因为在vue中使用的是js渲染的虚拟目录,而在nginx配置中并没有实际的资源 ...
首先我使用的是后端接口+前端vue的形式,这样就涉及到跨域的问题。我是这样配置的: 然后还遇到一个问题:我在vue中使用的是vue-router跳转的,如果跳到二级菜单,刷新页面的话会出现404页面。这是因为在vue中使用的是js渲染的虚拟目录,而在nginx配置中并没有实际的资源 ...
前期准备:在linux上安装nginx,我用的是腾讯云centos7服务器,具体的安装过程可以到腾讯云的开发者实验室里体验,自己先试试水。 修改nginx.conf配置文件,我用到的修改只是以下的部分。 1.端口号 2.项目的存放位置 以上是我用的修改,其他的还没深入 ...
一、处理兼容性问题的相关插件: 1> 解决移动端某些版本的浏览器,点击事件有3s延时触发的问题 · 安装 fastclick 依赖包:npm install fastclick --save-dev · 在Vue项目的Main.js中将 ...
简介:配置Jenkins 使push release分支的时候,自动触发一Jenkins任务,执行特定的部署脚本,完成部署。 部署脚本:sh bash脚本,做的事就是打包,压缩打包内容,cp压缩包到服务器指定目录,解压缩,删除无用包,若是部署在nginx下,需要重启nginx。 第一步 ...
文件压缩如何去掉console 在使用vue开发项目的过程中,免不了在调试的时候会写许多console,在控制台进行调试;在开发的时候这种输出是必须的,但是build后线上运行时这个东西是不能出现的;那么我如何配置项目,从而让webpack帮我删除掉console呢?下面我们给出了vue ...
1、安装配置nginx(Aliyun linux) 概述: Nginx是一款轻量级的网页服务器、反向代理服务器。相较于Apache、lighttpd具有占有内存少,稳定性高等优势。它最常的用途是提供反向代理服务。 2、安装; Nginx的安装依赖于以下三个包,意思就是在安装 ...
nginx是一个高性能的HTTP和反向代理服务器。因此常用来做静态资源服务器和后端的反向代理服务器。本文主要记录使用nginx去部署使用vue搭建的前端项目,项目基于vue官方的脚手架vue-cli构建。 打包vue项目 通过上面命令后打包好的静态资源将输出到dist目录中 ...
注:windows和linux皆可 用vue开发的前端项目如何部署到window系统的Nginx服务器上,只需简单五步 1.在nginx官网下载稳定版本的nginx 地址:http://nginx.org/en/download.html 参考下图 ...