Vue项目打包部署到iis服务器

一 将Vue项目打包

切换到项目目录下,输入cnpm run build 打包
Vue项目打包部署到iis服务器_第1张图片
等待打包完成
Vue项目打包部署到iis服务器_第2张图片
二 URL 重写
访问我们的一个url
Vue项目打包部署到iis服务器_第3张图片
原因是vue不是根据项目目录的地址访问的,是根据vue-router转发路由访问url,在这里我们应该进行url rewrite
url write的方式有两种,一种是在iis下载url rewrite工具配置规则
另一种是配置web.config文件,我用的是第二种
web.config内容



  
    
      
      
      
      
      
      
      
      
    
    
      
        
          
          
            
            
          
          
        
      
    
  

将该文件拷贝到打包好根目录下面
Vue项目打包部署到iis服务器_第4张图片
发现成功访问到我们的url
Vue项目打包部署到iis服务器_第5张图片

你可能感兴趣的:(IIS)