最近在做项目,需要把项目部署在域名下的二级目录,并且是在用vue-router的history 模式. 我们都知道vue-router 的两种前端基本访问模式 hash 和history .hash 模式后面带#,打包的时候只需要把绝对路径(/)换成相对对路径(./),就可以部署在任何地方,不需要服务器配合,但是不好看,所以我们一般选择history 模式,但是history 模式需要配合服务器的部署. 本文主要是在vue-cli3版本下,对部署在域名的二级目录下做四处的配置: 1. vue-r

1.修改 router/index.js 添加一行 base: 'admin', 2.然后修改 config/index.js 增加一行 const assetsPublicPath = '/admin/' 然后修改 下面两处  assetsPublicPath 的值为定义的变量 3.部署时,通过NGINX的反向代理 首先,给需要部署的项目定义一个 NGINX 的 server server { listen ; location / { # vue h5 history mode 时配置 tr

一.根据官方建议,dist打包的项目文件放在服务器根目录下,但是很多时候,我们并不能这样做,当涉及到二级目录设置多层深埋的时候,就需要在webpack配置文件里去设置一下了. 在webpack.config.js(config—>index.js)文件里设置: build: { // Template for index.html index: path.resolve(__dirname, '../dist/index.html'), // Paths assetsRoot: path.res

本文主要记录如何配置vue的打包文件配置项,使打包后的文件可以支持二级目录的访问. 1.常规打包 在实际的项目中,我们通常都使用 npm run build 直接打包文件后丢到服务器上访问 打包后的文件目录是这样的: 访问的静态资源都是地址是这样的: 我们现在要放在服务器的二级目录下访问地址,那么访问的路径就应该也加上二级目录,该如何配置尼? 2.静态文件地址修改 静态文件的访问地址应该加上二级目录前缀: 方法:找到项目的打包配置文件index.js,对参数assetsPublicPath进行配

背景 首先这标题有点绕,我先解释下: 首先我们有静态服务器,上面某个目录有Vue路由history模式打包的应用程序(也就是build后的产物): 但是静态服务器一般不做对外域名用的,我们需要在k8s nginx-ingress上做下域名二级目录代理,转发到该静态目录: 这就是本文的背景,相信也是很多开发/运维同学的需求: 由上: #我们静态服务目录是,/cso/ https://static.chinacloudapi.cn/cso/ #静态服务下文件的url是 https://static.

1.修改tomcat的默认目录.它的默认目录是webapps/ROOT,对应的conf目录下的server.xml里的内容是: 1.修改tomcat的默认目录.它的默认目录是webapps/ROOT,对应的conf目录下的server.xml里的内容是: <Host name=”localhost”  appBase=”webapps” unpackWARs=”true” autoDeploy=”true” xmlValidation=”false” xmlNamespaceAware=”fal

有多个项目目录的时候 由于项目不知一个,所以不得不为每一个项目建一个专有的文件夹,这就导致了在配置nginx的时候会出现二级目录   - step1: 修改 vue.config.js   添加配置 baseUrl: '/dist/',   - step2: 修改 router/index.js    ------因为多了一层目录因此要在base里添加上 const router = new VueRouter({ mode: 'history', base: '/dist/', routes

由于项目不知一个,所以不得不为每一个项目建一个专有的文件夹,这就导致了在配置nginx的时候会出现二级目录 目前找到的最简单的方法     - step1:修改 vue.config.js   添加配置 baseUrl: '/dist/',     - step2:修改 router/index.js   const router = new VueRouter({ mode: 'history', base: '/dist/', routes })   - step3: 配置nginx   在

Nginx是目前用的比较多的一个前端服务器 其优点是配置简单修改一下server就能用 并发性能比较好,具体怎么好就看这个吧 开撸 1.找到nginx (liunx系统,已安装) whereis nginx 2.找到位置并进入 nginx: /usr/local/nginx cd /usr/local/nginx 3.修改conf/nginx.conf(提示权限不够的前面加 sudo) vi conf/nginx.conf 4.直接在server里面修改 ` # 在http对象里面 server

详解:http://document.thinkphp.cn/manual_3_2.html#url_rewrite 注意:linux系统对大小写敏感 服务器系统:linux (阿里云服务器) thinkphp 版本: 3.2 1. 修改nginx配置 (提示找不到控制器,页面空白等问题) 阿里云文件ftp位置:/etc/nginx/conf.d/default.conf 注意:在Nginx低版本中,是不支持PATHINFO的,但是可以通过在Nginx.conf中配置转发规则实现(如果服务器支持

在eclipse中,将项目直接部署在tomcat的root目录中,这样便可以直接ip:port访问项目: 项目右键->属性->web project settings

背景:对于一些论坛网站,某些目录需要制定二级域名去访问,这时候就要在apache中用二级域名绑定二级目录. 方法: 1.首先你要找到apache安装路径,在apahce安装路径下的conf文件夹中找到apache配置文件httpd.conf,打开配置文件,首先确定DocumentRoot路径注释掉(如果这个路径没有注释掉,那么不管用vhost还是用URL重写,都无法正常找到二级域名所绑定的二级目录) 2.开启mod_Rewrite这个模块,在httpd.conf配置文件中找到“#LoadModu

在众多CMS程序中,我们使用WORDPRESS还是比较多的,不仅仅是安全度较好,二来在于插件和主题很多,即便对于不会建站技术的用户也很简单的就可以搭建属于自己的网站项目.对于网站我们肯定是需要让有用户访问量才能创造价值,比如收益比如得到用户的赞许都是我们做网站的用户希望看到的.早年我们可能较多的会使用动态目录页面,但是对于搜索引擎不是 很好,我们最好是使用伪静态或者生成静态页面. 在WORDPRESS程序应用的时候伪静态规则是需要根据我们服务器环境来设定的,比如NGINX或者APACHE是我们常

301重定向是一种非常重要的"自动转向"技术.网址重定向最为可行的一种办法.当用户或搜索引擎向网站服务器发出浏览请求时,服务器返回的HTTP数据流中头信息(header)中的状态码的一种,表示本网页永久性转移到另一个地址. 可以说301重定向用得好,对SEO是有着至关重要的作用,之前瑕玉工作室博客只是做了http://www.xiayuseo.com/跳转xiayuseo.com的规则,很多网站都会把WWW和不带WWW定向在同一个网站,这样权重比较集中.实现规则其实也很简单: Rewr

Tomcat发布项目的方式大致有三种,但小菜认为通过在tomcat的conf/Catalina/localhost目录下添加配置文件,来发布项目,是最佳选择. 因为这样对tomcat的入侵性最小,只需要新增一个配置文件,不需要修改原有配置:而且支持动态解析,修改完代码直接生效(修改配置除外). 但是网上关于这种方法的介绍很简单,小菜来补充一下. 1.直接在eclipse中添加一个server,添加过程中指明tomcat的路径即可. 2.在tomcat服务器的conf\Catalina\local

Tomcat发布项目的方式大致有三种,但小菜认为通过在tomcat的conf/Catalina/localhost目录下添加配置文件,来发布项目,是最佳选择. 因为这样对tomcat的入侵性最小,只需要新增一个配置文件,不需要修改原有配置:而且支持动态解析,修改完代码直接生效(修改配置除外). 但是网上关于这种方法的介绍很简单,小菜来补充一下. 1.直接在eclipse中添加一个server,添加过程中指明tomcat的路径即可. 2.在tomcat服务器的conf\Catalina\local

IntelliJ和tomcat中的目录结构   IntelliJ的官网帮助中心:http://www.jetbrains.com/idea/webhelp/getting-help.html   project和module: 1.通过 .idea 下的modules.xml文件进行modules的管理,定义了module对应的iml文件,定义了iml文件的filepath和fileurl,通过iml文件加载module,如果修改了iml文件的filepath和fileurl,则定位不到iml,

bootstrap导航条在手机上默认展开二级目录,必须用setTimeout才能实现 $(document).ready(function() { $('.dropdown').hover(function(){ $('.dropdown').removeClass('open'); $(this).addClass('open'); }); $('.dropdown-toggle').click(function(){ location.href= $(this).attr('href');

  Eclipse将项目部署tomcat的webapps目录 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2015年8月21日 16:21:39 星期五 http://fanshuyao.iteye.com/ 一.新建一个Serve

在Tomcat安装目录中,webapps默认为部署网站用的目录.webapps/ROOT是网站的根目录,其它目录都是网站的子目录,如webapps\jsp-examples目录.但是,当我们新建一个子目录时,却并不能在浏览器里正常访问.就连HTML文件也访问不了.为什么会出现这种情况呢? 原来,在Tomcat中,每一个webapps下的子目录都被认为是一个JSP站点.因此,该子目录必需要有JSP站点的必要结构才行.也就是,在创建的子目录下,必需有WEB_INF目录以及WEB_INF下的web.x