abp.io和vue项目部署在iis同一站点,spa

abp.io和vue项目部署在iis同一站点,spa 

1、HttpApiHostModule.cs中修改:

abp.io和vue项目部署在iis同一站点,spa

app.UseDefaultFiles();

2、发布后端代码到iis中,并安装urlrewrite(网上有教程)

3、修改web.config

abp.io和vue项目部署在iis同一站点,spa

 

 

 

<rewrite>
    <rules>
        <rule name="Vue-Html5-Routes" stopProcessing="true">
            <match url=".*" />
            <conditions logicalGrouping="MatchAll">
                <!--如果请求的不是文件,则需要进行url重写-->
                <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
                <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
                <add input="{REQUEST_FILENAME}" pattern=".*\.[\d\w]+$" negate="true" />
                <!--如果请求的不是api,则需要进行url重写-->
                <add input="{REQUEST_URI}" pattern="api/*" negate="true" />
                <!--如果请求的不是swagger,则需要进行url重写-->
                <add input="{REQUEST_URI}" pattern="swagger/*" negate="true" />
            </conditions>
            <!--将符合条件的请求重写到网站的根路径,但浏览器上显示的网址不变-->
            <action type="Rewrite" url="/" />
        </rule>
    </rules>
</rewrite>

4、发布vue,npm run build,将dist中的文件拷贝到后台的wwwroot目录

abp.io和vue项目部署在iis同一站点,spa

 

abp.io和vue项目部署在iis同一站点,spa

 

 5、访问前端路由即可

abp.io和vue项目部署在iis同一站点,spa

 

 想要访问swagger,直接http://项目地址/swagger

abp.io和vue项目部署在iis同一站点,spa

 

iis目录结构

abp.io和vue项目部署在iis同一站点,spa

 

上一篇:面向对象第一单元总结


下一篇:ES 搜索20 (function_score 和 field_value_factor 自定义评分)