记录一下iis上某个域名下发布多个vue项目的过程,主要分为webpack打包前的配置和iis重定向的配置. vue打包配置: 1.在webpack 配置文件中(以vue.config.js为例),指定输出目录publicPath ,名称为你服务器上的二级目录,此处以 hcd 为例 module.exports = { publicPath: '/hcd/', } 2.路由配置 在vueRouter中设置base基础路由,名称为二级目录名称 const router = new VueRoute…

最近开发的微信公众号项目中(项目采用Vue + Vux 构建,站点部署在IIS8.5上),遇到个非常奇葩的问题,发布站点内容后,通过微信打开网址发现是空白页面(后来验证是微信浏览器缓存了入口文件-index.html,顾之前版本的index页面找不到对应的js,因为我们每次发布会将之前的版本放至另外的备份目录),但关闭网页再次去打开又是正常的.最初开发内部测试时该问题没有引起关注,因为开发人员大部分都是android的手机,后来测试发现,某些android机型不是必现此问题,但是苹果(IOS)机…

1.前端框架一般依赖node.js,我们首先要安装node.js.请参考: http://www.cnblogs.com/wuac/p/6381819.html to:安装好node.js后npm也安装OK了 , 自己在设置一下环境变量路径配置 自行百度.. 查看node版本命令:node -v 查看npm版本命令: npm -v 2.npm 的源都在国外的地址,安装起来特别慢,这里利用淘宝的镜像服务器. 安装命令为:npm install -g cnpm --registry=https://…

// Vue 默认IIS站点配置 module.exports = { baseUrl: '/SG/',  }…

1.将vue项目使用npm run build命令打包后将dist文件夹内的文件全部拷贝到服务器. 2.IIS添加应用程序池,.NET CLR版本选择无托管代码 3.添加网站,应用程序池选择刚刚添加的无托管代码版本的程序池,路径选择vue发布所在的文件夹 4.如果网站首页正常,点击到其他页面直接F5刷新后出现404页面的情况是因为vue使用了自己的路由方式所有的页面都是指向index.html, 而IIS默认路由指向的是文件路径,这是后就需要把所有URL重写到index.html. URL Re…

前端Vue项目需要部署到IIS服务器上: 准备工作: 1:部署IIS服务器 2:项目npm run build打包生成需要部署的文件(dist文件夹)我的是manage文件夹 开始部署: 1:复制文件 把打包好的文件(dist/manage文件夹)拷贝到IIS存放网站文件的目录 2:打开IIS服务器,添加网站 鼠标右键"网站",选择添加网站.网站名称:按照用途或者项目起名即可应用程序池:部署前端项目,这个可以忽略,任意选择即可内容目录:网站存放的路径,最好以英文命名(到公司框架层即可)…

点击上方"前端自习课"关注,学习起来~ 前言 Vue 框架通过数据双向绑定和虚拟 DOM 技术,帮我们处理了前端开发中最脏最累的 DOM 操作部分, 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM:但 Vue 项目中仍然存在项目首屏优化.Webpack 编译配置优化等问题,所以我们仍然需要去关注 Vue 项目性能方面的优化,使项目具有更高效的性能.更好的用户体验.本文是作者通过实际项目的优化实践进行总结而来,希望读者读完本文,有一定的启发思考,从而对自己的项目进行优化…

最近在做一个Asp.net项目的时候 ,在C#代码里面用到了Adomd.net去连接SSAS服务器做MDX查询,开发完成后将Asp.net代码部署到IIS后发现Adomd.net老是连接不到SSAS服务器抛出异常.由于我们的Web站点服务器和SSAS服务器都是在同一个域环境下,所以按道理来说Adomd.net是可以用windows集成认证方式直接连接到SSAS服务器的,但是后来跟踪代码发现Adomd.net居然是用Anonymous的匿名账号去连接到SSAS服务器,很显然匿名账号默认是不允许访问…

为什么要给 VUE 项目添加 PWA 为什么要添加?因为不管是部署在 IIS,还是 nginx,每次应用部署后,再次访问因为旧的 js 已经不存在,所以页面访问的时候会整个报错,报错的结果就是一个白屏. 为了解决这个问题,我的解决方案是使用 PWA ,这样就可以将 js 缓存到本地,再次发布后,service-worker.js 会使旧的 js 失效,重新请求并缓存 js. 如果对于问题这个有更好的解决方案,务必请大佬指定一二 安装 PWA 的相关依赖包 yarn 安装 yarn add sw-…

在项目开发过程中,前端项目可能调用多个API接口,并且这些API接口是在同一个资源解决方案下的,一个资源解决方案下只能设置一个启动项目.那么问题来了,某个API业务需求变更或有BUG,解决后是需要调试的.此时可以将这个API项目设置为启动项目运行起来,然后修改前端配置文件API的URL来调试.这只是一对一的调试方式,但如果同时多个API接口有修改且需要调试,就要改变启动项目运行调试,并还要修改前端配置文件中的多个API URL.这样显得特别麻烦,可以所有API发布到IIS上来调试. 1.IIS发…