IIS部署history路由模式的Vue项目

一、网站方式部署

1、IIS中创建网站,选择打包好的vue项目

IIS部署history路由模式的Vue项目_第1张图片

2、页面刷新404问题插件安装

1)下载安装 IIS Urlrewrite

https://www.iis.net/downloads/microsoft/url-rewrite

IIS部署history路由模式的Vue项目_第2张图片 

 2)在网站根目录下创建web.config文件,内容如下:



  
    
      
        
          
          
            
            
          
          
        
      
    
  

 浏览效果

IIS部署history路由模式的Vue项目_第3张图片

 

二、应用程序方式部署

1、vue项目配置

1)src/router/index.js文件修改

IIS部署history路由模式的Vue项目_第4张图片

2)config/index.js文件修改

IIS部署history路由模式的Vue项目_第5张图片 

2、IIS中创建网站(或者使用默认网站Default Web Site),在网站下添加应用程序

IIS部署history路由模式的Vue项目_第6张图片

3、页面刷新404问题插件安装

此处同网站部署方式,不同之处在于web.config配置文件中的 Rewrite url 需要修改为应用程序的虚拟路径

IIS部署history路由模式的Vue项目_第7张图片

浏览器浏览效果

IIS部署history路由模式的Vue项目_第8张图片 

 

你可能感兴趣的:(Vue)