服务器的history显示前500,vue-router history模式，服务器配置后，访问报500错误

我的

web

服务器有二级目录

promotion

，于是配置了

router

和

config

//项目源码目录/src/router/index.js

import Vue from "vue";

import Router from "vue-router";

import notFound from "@/components/notFound";

import index from "@/views/index";

Vue.use(Router);

export default new Router({

mode: "history",

base:"/promotion/",

routes: [

{ path: "*", component: notFound },

{

path: "/index",

name: "index",

component: index

}

]

});

//项目源码目录/config/index.js

build: {

// Template for index.html

index: path.resolve(__dirname, '../dist/index.html'),

// Paths

assetsRoot: path.resolve(__dirname, '../dist'),

assetsSubDirectory: 'static',

assetsPublicPath: '/promotion/',

}

服务器用的

IIS

管理，网站根目录配置了

web.config

<?xml version="1.0" encoding="UTF-8"?>

<configuration>

<system.webServer>

<rewrite>

<rules>

<rule name="Handle History Mode and custom 404/500" stopProcessing="true">

<match url="(.*)" />

<conditions logicalGrouping="MatchAll">

<add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />

<add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />

</conditions>

<action type="Rewrite" url="/promotion/" />

</rule>

</rules>

</rewrite>

</system.webServer>

</configuration>

最终访问地址，

域名/promotion/index

，页面报了

500

错误，这是什么原因？怎么解决？