前言 有时候我们打包好vue项目让后端人员部署项目时可能会有小插曲,为了不麻烦后端人员和避免尴尬,最好的办法就是在本地自己先测一下,而在本地运行打包后的项目会遇到接口跨域的问题.我平时经常用的方法就是配置nginx设置反向代理解决跨域问题. 准备过程 安装nginx,具体怎么安装部署可以参考 传送门 准备打包后的vue项目 配置nginx 编辑nginx.conf 配置文件 在配置文件中新增一个server #新增一个服务 server { listen 8088; # 监听的端口 server…
#user nobody; worker_processes 1; #error_log logs/error.log; #error_log logs/error.log notice; #error_log logs/error.log info; #pid logs/nginx.pid; events { worker_connections 1024; } http { include mime.types; default_type application/octet-stream;…
nginx yum -y install gcc pcre pcre-devel openssl openssl-devel  GeoIP GeoIP-devel lua lua-develwget https://github.com/openresty/lua-nginx-module/archive/v0.10.9rc5.zip unzip v0.10.9rc5.zipmv lua-nginx-module-0.10.9rc5/ /usr/share/nginx/modules/lua-n…
为什么要在服务器上开启压缩?其实,服务器上开启压缩,对整个网站的就是在服务器上把网页的内容压缩后传给客户端,客户端解压后再显示网页的内容.实际就是增加了服务器端和客户端的工作量,减少了网络传输的数据量,是目前网络带宽相对较小.而电脑的处理能力普遍强大的情况下的一个折衷的方案.那么如何开启服务器压缩呢?下面介绍Apahce服务器的压缩开启,让Apache支持gzip. 1.修改Apache的配置文件httpd.conf 将下面这两行 #LoadModule deflate_module modul…
目录: 为啥使用gzip压缩 nginx使用gzip gzip的常用配置参数 nginx配置gzip 注意 为啥使用gzip压缩 开启nginx的gzip压缩,网页中的js,css等静态资源的大小会大大的减少从而节约大量的带宽,提高传输效率,给用户快的体验. nginx实现gzip nginx实现资源压缩的原理是通过默认集成的ngx_http_gzip_module模块拦截请求,并对需要做gzip的类型做gzip,使用非常简单直接开启,设置选项即可.. gzip生效后的请求头和响应头 Reque…
我又来了,今天部署了下vue项目,使用nginx做了代理,这样可以解决跨域的问题,这里做一个简单讲解. 1.先看vue项目打包(我这里使用的是vscode开发工具) 这里是我的项目结构: 打包之前需要修改如下配置文件: 配置文件一:build>>utils.js (修改publicPath:"../../" , 这样写是处理打包后找不到静态文件的问题) 配置文件二:config>>index.js(修改assetsPublicPath:'./' ,修改目的是为了…
注:此处不介绍nginx的安装.以下教程默认已安装nginx. 1. yum install -y php-fpm yum install php-pdo yum install php-mysql yum install php-xml yum安装默认版本是php5.4,要使用更高版本可使用yum search all php-fpm安装自己需要的版本. 2. 启动php-fpm(注:php-fpm默认端口9000) systemctl start php-fpm 3. 配置nginx使支持p…
假如要实现的效果如下 http://ip/vue    =>是进入首页访问的路径是  usr/local/nginx/html/vue http://ip/website     =>是进入首页访问的路径是  usr/local/nginx/html/avue 2.打包前在相应的没打包文件中加入如下 vue目录下的文件没打包前的路由 index.js文件中加 export default new Router({ mode: 'history', base:"/vue" /…
在windows下导入react项目并且打包编译后部署到nginx上 一.安装npm 二.创建react项目 三.安装nginx 四.总结 最近接手了公司的一个django项目,这是应该前后端分离的项目,前端使用react编写,由于之前没用过react,所以在配置时遇到了一些问题,现在记录下来. 一.安装npm 安装nodejs就行了,网上都有教程,这里贴一个比较详细的nodejs安装 注意node_global和noe_cache这两个文件夹可以不用像他那样配置. 然后参照上面那篇文章配置镜像…
默认情况下,Nginx的gzip压缩是关闭的, gzip压缩功能就是可以让你节省不少带宽,但是会增加服务器CPU的开销哦,Nginx默认只对text/html进行压缩 ,如果要对html之外的内容进行压缩传输,我们需要手动来调. 开启gzip的指令如下: gzip on; gzip_http_version 1.0; gzip_disable "MSIE [1-6]."; gzip_types text/plain application/x-javascript text/css t…