(1)打开Vue项目。
    image.png
    (2)在VS Code或者终端属于以下命令进行项目的打包。

    1. npm run build

    (3)然后得到一个dist文件夹。
    image.png
    (4)打开IIS,新建一个站点。
    image.png

    (5)然后访问网站,会出现这个错误。
    image.png
    (6)解决方案如下:在IIS添加一个URL重写功能即可。
    image.png
    6.2-打开以下网址,进行下载并安装:

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

    image.png

    image.png
    6.3-然后将这个刚刚下载的这个文件,复制到服务器上进行安装。
    6.4-然后在Vue站点上,创建一个【web.config】文件,并拷贝以下配置信息。

    1. <?xml version="1.0" encoding="UTF-8"?>
    2. <configuration>
    3. <system.webServer>
    4. <rewrite>
    5. <rules>
    6. <rule name="Handle History Mode and custom 404/500" stopProcessing="true">
    7. <match url="(.*)" />
    8. <conditions logicalGrouping="MatchAll">
    9. <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
    10. <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
    11. </conditions>
    12. <action type="Rewrite" url="/" />
    13. </rule>
    14. </rules>
    15. </rewrite>
    16. </system.webServer>
    17. </configuration>