怎么将Vue项目打包部署到iis服务器中-创新互联

这篇文章将为大家详细讲解有关怎么将Vue项目打包部署到iis服务器中,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。

创新互联建站-专业网站定制、快速模板网站建设、高性价比城中网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式城中网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖城中地区。费用合理售后完善,十多年实体公司更值得信赖。

一 将Vue项目打包

切换到项目目录下,输入cnpm run build 打包


怎么将Vue项目打包部署到iis服务器中

等待打包完成


怎么将Vue项目打包部署到iis服务器中

二 URL 重写

访问我们的一个url

怎么将Vue项目打包部署到iis服务器中

原因是vue不是根据项目目录的地址访问的,是根据vue-router转发路由访问url,在这里我们应该进行url rewrite
url write的方式有两种,一种是在iis下载url rewrite工具配置规则

另一种是配置web.config文件,我用的是第二种

web.config内容



 
 
  
  
  
  
  
  
  
  
 
 
  
  
   
   
   
   
   
   
  
  
 
 

将该文件拷贝到打包好根目录下面

怎么将Vue项目打包部署到iis服务器中

发现成功访问到我们的url


怎么将Vue项目打包部署到iis服务器中

关于怎么将Vue项目打包部署到iis服务器中就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


新闻标题:怎么将Vue项目打包部署到iis服务器中-创新互联
网站地址:http://ybzwz.com/article/pciee.html