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

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

望城网站制作公司哪家好,找创新互联公司!从网页设计、网站建设、微信开发、APP开发、成都响应式网站建设公司等网站项目制作,到程序开发,运营维护。创新互联公司2013年至今到现在10年的时间,我们拥有了丰富的建站经验和运维经验,来保证我们的工作的顺利进行。专注于网站建设就选创新互联公司

一 将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服务器中就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。


网站名称:怎么将Vue项目打包部署到iis服务器中
网站网址:http://hbruida.cn/article/ghechi.html