vue+highcharts项目如何打包配置使用iis服务器部署

配置打包环境

在项目目录下运行以下命令：

npm install
npm run build

这将会生成一个 dist 目录，里面包含了打包后的项目文件。

配置 IIS 服务器

在 IIS 中创建一个新的网站，将网站目录设置为 dist 目录。

配置 URL 重写

由于 Vue Router 使用了 HTML5 History API，需要配置 IIS 的 URL 重写规则，以防止出现 404 错误。可以使用 IIS URL Rewrite 工具来配置规则。

在 IIS 管理器中，选择你的网站，打开 URL Rewrite 工具，点击添加规则，选择空白规则，命名为“Vue Router”，然后在输入框中输入以下规则：

<rule name="Vue Router" stopProcessing="true">
  <match url=".*" />
  <conditions logicalGrouping="MatchAll">
    <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
    <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
    <add input="{REQUEST_URI}" pattern="^/(api)" negate="true" />
  </conditions>
  <action type="Rewrite" url="/" />
</rule>

这个规则将会把所有的请求重定向到 Vue 的入口文件，除了以 /api 开头的请求。

部署项目

现在可以将打包后的项目文件上传到 IIS 服务器上，然后启动网站，就可以访问你的 Vue+Highcharts 项目了