{"id":40656,"date":"2025-05-30T01:26:16","date_gmt":"2025-05-29T17:26:16","guid":{"rendered":"https:\/\/www.wsisp.com\/helps\/40656.html"},"modified":"2025-05-30T01:26:16","modified_gmt":"2025-05-29T17:26:16","slug":"vue%e9%a1%b9%e7%9b%ae%e9%83%a8%e7%bd%b2iis%e6%9c%8d%e5%8a%a1%e5%99%a8%e6%89%8b%e5%86%8c","status":"publish","type":"post","link":"https:\/\/www.wsisp.com\/helps\/40656.html","title":{"rendered":"VUE\u9879\u76ee\u90e8\u7f72IIS\u670d\u52a1\u5668\u624b\u518c"},"content":{"rendered":"

IIS\u90e8\u7f72Vue\u9879\u76ee\u5b8c\u6574\u624b\u518c<\/h2>\n

📋 \u76ee\u5f55<\/h3>\n
  • \u57fa\u7840\u6982\u5ff5<\/li>\n
  • \u51c6\u5907\u5de5\u4f5c<\/li>\n
  • Vue\u9879\u76ee\u6784\u5efa<\/li>\n
  • web.config\u8be6\u89e3<\/li>\n
  • IIS\u90e8\u7f72\u6b65\u9aa4<\/li>\n
  • \u4e0d\u540c\u573a\u666f\u914d\u7f6e<\/li>\n
  • \u5e38\u89c1\u95ee\u9898<\/li>\n
  • \u5b9e\u7528\u914d\u7f6e\u6a21\u677f<\/li>\n
    \n

    \u57fa\u7840\u6982\u5ff5<\/h3>\n

    Vue\u5355\u9875\u5e94\u7528（SPA）\u5de5\u4f5c\u539f\u7406<\/h4>\n

    \u91cd\u8981\u7406\u89e3：Vue\u9879\u76ee\u662f\u5355\u9875\u5e94\u7528，\u8fd9\u610f\u5473\u7740：<\/p>\n

      \n
    • \n

      \u7269\u7406\u5c42\u9762：\u6574\u4e2a\u9879\u76ee\u53ea\u6709\u4e00\u4e2aHTML\u6587\u4ef6（index.html）<\/p>\n<\/li>\n

    • \n

      \u903b\u8f91\u5c42\u9762：\u7528\u6237\u770b\u5230\u591a\u4e2a"\u9875\u9762"，\u5b9e\u9645\u4e0a\u662fJavaScript\u52a8\u6001\u5207\u6362\u5185\u5bb9<\/p>\n<\/li>\n

    • \n

      \u8def\u7531\u5904\u7406：\u6240\u6709\u8def\u7531\u8df3\u8f6c\u90fd\u7531Vue Router\u5728\u524d\u7aef\u5904\u7406<\/p>\n

      \u5f53\u7528\u6237\u76f4\u63a5\u8bbf\u95ee http:\/\/yoursite.com\/about \u65f6：<\/p>\n

    • \n

      \u6ca1\u6709web.config：<\/p>\n

      \u7528\u6237\u8bbf\u95ee \/about \u2192 IIS\u5bfb\u627e about.html \u6587\u4ef6 \u2192 \u627e\u4e0d\u5230 \u2192 404\u9519\u8bef\n <\/li>\n

    • \n

      \u6709web.config\u91cd\u5199\u89c4\u5219：<\/p>\n

      \u7528\u6237\u8bbf\u95ee \/about \u2192 IIS\u627e\u4e0d\u5230about.html \u2192 web.config\u89c4\u5219\u751f\u6548 \u2192 \u8fd4\u56deindex.html \u2192 Vue Router\u63a5\u7ba1，\u663e\u793aabout\u9875\u9762\n <\/li>\n<\/li>\n<\/ul>\n

      \u7528\u6237\u770b\u5230\u7684：
      \n\/home -> \u9996\u9875
      \n\/about -> \u5173\u4e8e\u9875\u9762
      \n\/products -> \u4ea7\u54c1\u9875\u9762
      \n\/contact -> \u8054\u7cfb\u9875\u9762<\/p>\n

      \u5b9e\u9645\u670d\u52a1\u5668\u6587\u4ef6：
      \ndist\/
      \n\u251c\u2500\u2500 index.html \u2190 \u53ea\u6709\u8fd9\u4e00\u4e2aHTML\u6587\u4ef6！
      \n\u251c\u2500\u2500 css\/
      \n\u251c\u2500\u2500 js\/
      \n\u2514\u2500\u2500 assets\/<\/p>\n

      \u8def\u7531\u6a21\u5f0f\u5bf9\u6bd4<\/h4>\n\n\u8def\u7531\u6a21\u5f0fURL\u683c\u5f0fIIS\u914d\u7f6e\u9700\u6c42\u8bf4\u660e<\/tr>\n\n\n\n
      Hash\u6a21\u5f0f<\/td>\n\/#\/home<\/td>\n\u65e0\u9700\u914d\u7f6e<\/td>\n\u517c\u5bb9\u6027\u597d，\u4f46URL\u4e0d\u7f8e\u89c2<\/td>\n<\/tr>\n
      History\u6a21\u5f0f<\/td>\n\/home<\/td>\n\u5fc5\u987b\u914d\u7f6e<\/td>\nURL\u7f8e\u89c2，\u9700\u8981\u670d\u52a1\u5668\u652f\u6301<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
      \n

      \u51c6\u5907\u5de5\u4f5c<\/h3>\n

      \u73af\u5883\u8981\u6c42<\/h4>\n
        \n
      • Node.js：\u7248\u672c 14+<\/li>\n
      • Vue CLI：\u6700\u65b0\u7248\u672c<\/li>\n
      • IIS：Windows Server 2016+ \u6216 Windows 10+<\/li>\n
      • URL Rewrite\u6a21\u5757：\u5fc5\u987b\u5b89\u88c5<\/li>\n<\/ul>\n

        \u5b89\u88c5Vue CLI<\/h4>\n

        # \u5168\u5c40\u5b89\u88c5Vue CLI<\/span>
        \nnpm<\/span> install<\/span> -g<\/span> @vue\/cli<\/p>\n

        # \u9a8c\u8bc1\u5b89\u88c5<\/span>
        \nvue –version<\/span><\/p>\n

        \u68c0\u67e5IIS URL Rewrite<\/h4>\n
      • \u6253\u5f00IIS\u7ba1\u7406\u5668<\/li>\n
      • \u9009\u62e9\u670d\u52a1\u5668\u8282\u70b9<\/li>\n
      • \u67e5\u770b\u662f\u5426\u6709"URL \u91cd\u5199"\u56fe\u6807<\/li>\n
      • \u5982\u679c\u6ca1\u6709，\u8bf7\u4e0b\u8f7d\u5b89\u88c5：URL Rewrite 2.1<\/li>\n
        \n

        Vue\u9879\u76ee\u6784\u5efa<\/h3>\n

        \u521b\u5efa\u65b0\u9879\u76ee<\/h4>\n

        # \u521b\u5efa\u9879\u76ee<\/span>
        \nvue create my-vue-project<\/p>\n

        # \u9009\u62e9\u914d\u7f6e<\/span>
        \n? Please pick a preset:
        \n Default (<\/span>[<\/span>Vue 3<\/span>]<\/span> babel, eslint)<\/span>
        \n\u276f Default (<\/span>[<\/span>Vue 2<\/span>]<\/span> babel, eslint)<\/span>
        \n Manually select<\/span> features<\/p>\n

        # \u8fdb\u5165\u9879\u76ee\u76ee\u5f55<\/span>
        \ncd<\/span> my-vue-project<\/p>\n

        # \u5f00\u53d1\u6d4b\u8bd5<\/span>
        \nnpm<\/span> run serve<\/p>\n

        \u6784\u5efa\u751f\u4ea7\u7248\u672c<\/h4>\n

        # \u6784\u5efa\u9879\u76ee<\/span>
        \nnpm<\/span> run build<\/p>\n

        # \u6784\u5efa\u5b8c\u6210\u540e\u4f1a\u751f\u6210dist\u6587\u4ef6\u5939<\/span>
        \ndist\/
        \n\u251c\u2500\u2500 index.html
        \n\u251c\u2500\u2500 css\/
        \n\u251c\u2500\u2500 js\/
        \n\u251c\u2500\u2500 img\/
        \n\u2514\u2500\u2500 favicon.ico<\/p>\n

        \u914d\u7f6e\u81ea\u52a8\u751f\u6210web.config<\/h4>\n

        \u65b9\u6cd51：\u5728public\u6587\u4ef6\u5939\u4e2d\u521b\u5efa（\u63a8\u8350）<\/p>\n

        \u5728\u9879\u76ee\u7684 public\/ \u6587\u4ef6\u5939\u4e2d\u521b\u5efa web.config \u6587\u4ef6，\u6784\u5efa\u65f6\u4f1a\u81ea\u52a8\u590d\u5236\u5230 dist\/\u3002<\/p>\n

        \u65b9\u6cd52：\u5728vue.config.js\u4e2d\u914d\u7f6e<\/p>\n

        \/\/ vue.config.js<\/span>
        \nconst<\/span> {<\/span> defineConfig }<\/span> =<\/span> require<\/span>(<\/span>'@vue\/cli-service'<\/span>)<\/span><\/p>\n

        module.<\/span>exports =<\/span> defineConfig<\/span>(<\/span>{<\/span>
        \n transpileDependencies<\/span>:<\/span> true<\/span>,<\/span><\/p>\n

        \/\/ \u914d\u7f6e\u57fa\u7840\u8def\u5f84（\u5982\u679c\u90e8\u7f72\u5728\u5b50\u76ee\u5f55）<\/span>
        \n publicPath<\/span>:<\/span> process.<\/span>env.<\/span>NODE_ENV<\/span> ===<\/span> 'production'<\/span> ?<\/span> '\/myapp\/'<\/span> :<\/span> '\/'<\/span>,<\/span><\/p>\n

        \/\/ \u81ea\u5b9a\u4e49\u6784\u5efa\u8fc7\u7a0b<\/span>
        \n configureWebpack<\/span>:<\/span> {<\/span>
        \n plugins<\/span>:<\/span> [<\/span>
        \n {<\/span>
        \n apply<\/span>:<\/span> (<\/span>compiler<\/span>)<\/span> =><\/span> {<\/span>
        \n compiler.<\/span>hooks.<\/span>emit.<\/span>tapAsync<\/span>(<\/span>'CopyWebConfig'<\/span>,<\/span> (<\/span>compilation,<\/span> callback<\/span>)<\/span> =><\/span> {<\/span>
        \n const<\/span> webConfigContent =<\/span> `<\/span><?xml version="1.0" encoding="utf-8"?>
        \n<configuration>
        \n <system.webServer>
        \n <rewrite>
        \n <rules>
        \n <rule name="Handle History Mode and hash fallback" stopProcessing="true">
        \n <match url="(.*)" \/>
        \n <conditions logicalGrouping="MatchAll">
        \n <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" \/>
        \n <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" \/>
        \n <\/conditions>
        \n <action type="Rewrite" url="\/" \/>
        \n <\/rule>
        \n <\/rules>
        \n <\/rewrite>
        \n <\/system.webServer>
        \n<\/configuration><\/span>`<\/span><\/span>;<\/span><\/p>\n

        compilation.<\/span>assets[<\/span>'web.config'<\/span>]<\/span> =<\/span> {<\/span>
        \n source<\/span>:<\/span> (<\/span>)<\/span> =><\/span> webConfigContent,<\/span>
        \n size<\/span>:<\/span> (<\/span>)<\/span> =><\/span> webConfigContent.<\/span>length
        \n }<\/span>;<\/span>
        \n callback<\/span>(<\/span>)<\/span>;<\/span>
        \n }<\/span>)<\/span>;<\/span>
        \n }<\/span>
        \n }<\/span>
        \n ]<\/span>
        \n }<\/span>
        \n}<\/span>)<\/span><\/p>\n

        \n

        web.config\u8be6\u89e3<\/h3>\n

        \u6838\u5fc3\u91cd\u5199\u89c4\u5219\u89e3\u6790<\/h4>\n

        <<\/span>rule<\/span> name<\/span>=<\/span>"<\/span>Handle History Mode and hash fallback"<\/span><\/span> stopProcessing<\/span>=<\/span>"<\/span>true"<\/span><\/span>><\/span><\/span>
        \n <<\/span>match<\/span> url<\/span>=<\/span>"<\/span>(.*)"<\/span><\/span> \/><\/span><\/span> <!– 1. \u5339\u914d\u6240\u6709URL\u8def\u5f84 –><\/span>
        \n <<\/span>conditions<\/span> logicalGrouping<\/span>=<\/span>"<\/span>MatchAll"<\/span><\/span>><\/span><\/span>
        \n <!– 2. \u68c0\u67e5\u8bf7\u6c42\u7684\u4e0d\u662f\u771f\u5b9e\u5b58\u5728\u7684\u6587\u4ef6 –><\/span>
        \n <<\/span>add<\/span> input<\/span>=<\/span>"<\/span>{REQUEST_FILENAME}"<\/span><\/span> matchType<\/span>=<\/span>"<\/span>IsFile"<\/span><\/span> negate<\/span>=<\/span>"<\/span>true"<\/span><\/span> \/><\/span><\/span>
        \n <!– 3. \u68c0\u67e5\u8bf7\u6c42\u7684\u4e0d\u662f\u771f\u5b9e\u5b58\u5728\u7684\u6587\u4ef6\u5939 –><\/span>
        \n <<\/span>add<\/span> input<\/span>=<\/span>"<\/span>{REQUEST_FILENAME}"<\/span><\/span> matchType<\/span>=<\/span>"<\/span>IsDirectory"<\/span><\/span> negate<\/span>=<\/span>"<\/span>true"<\/span><\/span> \/><\/span><\/span>
        \n <\/<\/span>conditions<\/span>><\/span><\/span>
        \n <!– 4. \u5982\u679c\u4ee5\u4e0a\u6761\u4ef6\u90fd\u6ee1\u8db3，\u91cd\u5199\u5230\u6839\u76ee\u5f55 –><\/span>
        \n <<\/span>action<\/span> type<\/span>=<\/span>"<\/span>Rewrite"<\/span><\/span> url<\/span>=<\/span>"<\/span>\/"<\/span><\/span> \/><\/span><\/span>
        \n<\/<\/span>rule<\/span>><\/span><\/span><\/p>\n

        \u7ffb\u8bd1\u6210\u4eba\u8bdd：\u5982\u679c\u7528\u6237\u8bbf\u95ee\u7684\u4e0d\u662f\u771f\u5b9e\u5b58\u5728\u7684\u6587\u4ef6\u6216\u6587\u4ef6\u5939，\u5c31\u7ed9\u4ed6\u8fd4\u56de\u9996\u9875（index.html），\u8ba9Vue Router\u6765\u5904\u7406\u3002<\/p>\n

        \u6267\u884c\u903b\u8f91：<\/p>\n

      • \n

        \u7528\u6237\u8bbf\u95ee \/about<\/p>\n<\/li>\n

      • \n

        IIS\u68c0\u67e5\u670d\u52a1\u5668\u4e0a\u662f\u5426\u6709 about.html \u6587\u4ef6 \u2192 \u6ca1\u6709<\/p>\n<\/li>\n

      • \n

        IIS\u68c0\u67e5\u670d\u52a1\u5668\u4e0a\u662f\u5426\u6709 about\/ \u6587\u4ef6\u5939 \u2192 \u6ca1\u6709<\/p>\n<\/li>\n

      • \n

        \u89e6\u53d1\u91cd\u5199\u89c4\u5219，\u8fd4\u56de index.html<\/p>\n<\/li>\n

      • \n

        Vue Router\u63a5\u7ba1，\u663e\u793aabout\u9875\u9762\u5185\u5bb9<\/p>\n

        \u65e0\u8bba\u60a8\u7684Vue\u9879\u76ee\u6709\u591a\u5c11\u4e2a\u754c\u9762，\u8fd9\u4e2a\u91cd\u5199\u89c4\u5219\u90fd\u4e0d\u7528\u53d8！<\/p>\n

        \u56e0\u4e3a：<\/p>\n

          \n
        • 10\u4e2a\u754c\u9762 \u2192 \u8fd8\u662f\u53ea\u67091\u4e2aindex.html<\/li>\n
        • 100\u4e2a\u754c\u9762 \u2192 \u8fd8\u662f\u53ea\u67091\u4e2aindex.html<\/li>\n
        • 1000\u4e2a\u754c\u9762 \u2192 \u8fd8\u662f\u53ea\u67091\u4e2aindex.html<\/li>\n<\/ul>\n

          \u6240\u6709\u754c\u9762\u7684\u5207\u6362\u90fd\u662fVue Router\u5728\u524d\u7aefJavaScript\u4e2d\u5904\u7406\u7684\u3002<\/p>\n<\/li>\n

          \u91cd\u8981\u6982\u5ff5<\/h4>\n
            \n
          • stopProcessing=\u201ctrue\u201d：\u5339\u914d\u5230\u6b64\u89c4\u5219\u540e\u505c\u6b62\u5904\u7406\u540e\u7eed\u89c4\u5219<\/li>\n
          • negate=\u201ctrue\u201d：\u6761\u4ef6\u53d6\u53cd，\u5373"\u4e0d\u662f\u6587\u4ef6"\u7684\u610f\u601d<\/li>\n
          • {REQUEST_FILENAME}：IIS\u670d\u52a1\u5668\u53d8\u91cf，\u8868\u793a\u8bf7\u6c42\u7684\u6587\u4ef6\u8def\u5f84<\/li>\n<\/ul>\n
            \n

            IIS\u90e8\u7f72\u6b65\u9aa4<\/h3>\n

            \u7b2c\u4e00\u6b65：\u590d\u5236\u6587\u4ef6<\/h4>\n

            # \u5c06dist\u6587\u4ef6\u5939\u5185\u5bb9\u590d\u5236\u5230IIS\u76ee\u5f55<\/span>
            \n# \u4f8b\u5982：C:\\\\inetpub\\\\wwwroot\\\\myvueapp\\\\<\/span><\/p>\n

            \u7b2c\u4e8c\u6b65：\u521b\u5efaIIS\u7f51\u7ad9<\/h4>\n
          • \u6253\u5f00IIS\u7ba1\u7406\u5668<\/li>\n
          • \u53f3\u952e"\u7f51\u7ad9" \u2192 \u201c\u6dfb\u52a0\u7f51\u7ad9\u201d<\/li>\n
          • \u914d\u7f6e\u7f51\u7ad9\u4fe1\u606f：\n
              \n
            • \u7f51\u7ad9\u540d\u79f0：Vue-App<\/li>\n
            • \u7269\u7406\u8def\u5f84：C:\\\\inetpub\\\\wwwroot\\\\myvueapp<\/li>\n
            • \u7aef\u53e3：80 \u6216\u5176\u4ed6\u53ef\u7528\u7aef\u53e3<\/li>\n
            • \u4e3b\u673a\u540d：（\u53ef\u9009）<\/li>\n<\/ul>\n<\/li>\n

              \u7b2c\u4e09\u6b65：\u914d\u7f6e\u5e94\u7528\u7a0b\u5e8f\u6c60<\/h4>\n
            • \u9009\u62e9\u5e94\u7528\u7a0b\u5e8f\u6c60<\/li>\n
            • \u9ad8\u7ea7\u8bbe\u7f6e：\n
                \n
              • .NET CLR\u7248\u672c：\u65e0\u6258\u7ba1\u4ee3\u7801<\/li>\n
              • \u6258\u7ba1\u7ba1\u9053\u6a21\u5f0f：\u96c6\u6210<\/li>\n
              • \u542f\u752832\u4f4d\u5e94\u7528\u7a0b\u5e8f：False<\/li>\n<\/ul>\n<\/li>\n

                \u7b2c\u56db\u6b65：\u8bbe\u7f6e\u6743\u9650<\/h4>\n
              • \u53f3\u952e\u7f51\u7ad9\u6587\u4ef6\u5939<\/li>\n
              • \u5c5e\u6027 \u2192 \u5b89\u5168<\/li>\n
              • \u6dfb\u52a0 IIS_IUSRS \u7528\u6237<\/li>\n
              • \u6743\u9650：\u8bfb\u53d6\u548c\u6267\u884c\u3001\u5217\u51fa\u6587\u4ef6\u5939\u76ee\u5f55\u3001\u8bfb\u53d6<\/li>\n

                \u7b2c\u4e94\u6b65：\u542f\u52a8\u7f51\u7ad9<\/h4>\n
              • \u5728IIS\u4e2d\u9009\u62e9\u7f51\u7ad9<\/li>\n
              • \u53f3\u952e \u2192 \u7ba1\u7406\u7f51\u7ad9 \u2192 \u542f\u52a8<\/li>\n
              • \u6d4b\u8bd5\u8bbf\u95ee：http:\/\/localhost:\u7aef\u53e3\u53f7<\/li>\n
                \n

                \u4e0d\u540c\u573a\u666f\u914d\u7f6e<\/h3>\n

                \u573a\u666f1：\u57fa\u7840Vue\u9879\u76ee（\u6700\u5e38\u7528）<\/h4>\n

                \u9002\u7528：\u7b80\u5355\u7684\u5c55\u793a\u578b\u7f51\u7ad9，\u524d\u540e\u7aef\u5206\u79bb，\u540e\u7aefAPI\u5df2\u90e8\u7f72<\/p>\n

                <?xml version="1.0" encoding="utf-8"?><\/span>
                \n<<\/span>configuration<\/span>><\/span><\/span>
                \n <<\/span>system.webServer<\/span>><\/span><\/span>
                \n <<\/span>rewrite<\/span>><\/span><\/span>
                \n <<\/span>rules<\/span>><\/span><\/span>
                \n <<\/span>rule<\/span> name<\/span>=<\/span>"<\/span>Handle History Mode and hash fallback"<\/span><\/span> stopProcessing<\/span>=<\/span>"<\/span>true"<\/span><\/span>><\/span><\/span>
                \n <<\/span>match<\/span> url<\/span>=<\/span>"<\/span>(.*)"<\/span><\/span> \/><\/span><\/span>
                \n <<\/span>conditions<\/span> logicalGrouping<\/span>=<\/span>"<\/span>MatchAll"<\/span><\/span>><\/span><\/span>
                \n <<\/span>add<\/span> input<\/span>=<\/span>"<\/span>{REQUEST_FILENAME}"<\/span><\/span> matchType<\/span>=<\/span>"<\/span>IsFile"<\/span><\/span> negate<\/span>=<\/span>"<\/span>true"<\/span><\/span> \/><\/span><\/span>
                \n <<\/span>add<\/span> input<\/span>=<\/span>"<\/span>{REQUEST_FILENAME}"<\/span><\/span> matchType<\/span>=<\/span>"<\/span>IsDirectory"<\/span><\/span> negate<\/span>=<\/span>"<\/span>true"<\/span><\/span> \/><\/span><\/span>
                \n <\/<\/span>conditions<\/span>><\/span><\/span>
                \n <<\/span>action<\/span> type<\/span>=<\/span>"<\/span>Rewrite"<\/span><\/span> url<\/span>=<\/span>"<\/span>\/"<\/span><\/span> \/><\/span><\/span>
                \n <\/<\/span>rule<\/span>><\/span><\/span>
                \n <\/<\/span>rules<\/span>><\/span><\/span>
                \n <\/<\/span>rewrite<\/span>><\/span><\/span>
                \n <\/<\/span>system.webServer<\/span>><\/span><\/span>
                \n<\/<\/span>configuration<\/span>><\/span><\/span><\/p>\n

                \u573a\u666f2：\u524d\u540e\u7aef\u540c\u670d\u52a1\u5668\u90e8\u7f72<\/h4>\n

                \u67b6\u6784\u793a\u4f8b：<\/p>\n

                \u670d\u52a1\u5668（192.168.1.100）
                \n\u251c\u2500\u2500 IIS\u7f51\u7ad91 (\u7aef\u53e380) \u2190 Vue\u524d\u7aef
                \n\u2502 \u2514\u2500\u2500 C:\\\\inetpub\\\\wwwroot\\\\vue-app\\\\
                \n\u2514\u2500\u2500 IIS\u7f51\u7ad92 (\u7aef\u53e35000) \u2190 .NET\u540e\u7aefAPI
                \n \u2514\u2500\u2500 C:\\\\inetpub\\\\wwwroot\\\\api\\\\<\/p>\n

                Vue\u9879\u76eeAPI\u8c03\u7528：<\/p>\n

                \/\/ \u5728Vue\u9879\u76ee\u4e2d\u76f4\u63a5\u8c03\u7528\u540e\u7aefAPI<\/span>
                \naxios.<\/span>get<\/span>(<\/span>'http:\/\/192.168.1.100:5000\/api\/users'<\/span>)<\/span><\/p>\n

                web.config：\u4f7f\u7528\u57fa\u7840\u914d\u7f6e\u5373\u53ef<\/p>\n

                \u573a\u666f3：\u524d\u540e\u7aef\u4e0d\u540c\u670d\u52a1\u5668 + API\u4ee3\u7406<\/h4>\n

                \u67b6\u6784\u793a\u4f8b：<\/p>\n

                \u524d\u7aef\u670d\u52a1\u5668（192.168.1.100） \u540e\u7aef\u670d\u52a1\u5668（192.168.1.200）
                \n\u251c\u2500\u2500 IIS \u251c\u2500\u2500 IIS\/Apache\/Nginx
                \n\u2502 \u2514\u2500\u2500 Vue\u9879\u76ee \u2502 \u2514\u2500\u2500 API\u670d\u52a1<\/p>\n

                \u4f18\u52bf：\u524d\u7aef\u65e0\u9700\u77e5\u9053\u540e\u7aef\u771f\u5b9e\u5730\u5740，\u907f\u514d\u8de8\u57df\u95ee\u9898<\/p>\n

                <?xml version="1.0" encoding="utf-8"?><\/span>
                \n<<\/span>configuration<\/span>><\/span><\/span>
                \n <<\/span>system.webServer<\/span>><\/span><\/span>
                \n <<\/span>rewrite<\/span>><\/span><\/span>
                \n <<\/span>rules<\/span>><\/span><\/span>
                \n <!– API\u4ee3\u7406\u89c4\u5219 – \u5fc5\u987b\u653e\u5728\u524d\u9762 –><\/span>
                \n <<\/span>rule<\/span> name<\/span>=<\/span>"<\/span>Proxy to API"<\/span><\/span> stopProcessing<\/span>=<\/span>"<\/span>true"<\/span><\/span>><\/span><\/span>
                \n <<\/span>match<\/span> url<\/span>=<\/span>"<\/span>^api\/(.*)"<\/span><\/span> \/><\/span><\/span>
                \n <<\/span>action<\/span> type<\/span>=<\/span>"<\/span>Rewrite"<\/span><\/span> url<\/span>=<\/span>"<\/span>http:\/\/192.168.1.200:5000\/api\/{R:1}"<\/span><\/span> \/><\/span><\/span>
                \n <\/<\/span>rule<\/span>><\/span><\/span><\/p>\n

                <!– Vue\u8def\u7531\u89c4\u5219 –><\/span>
                \n <<\/span>rule<\/span> name<\/span>=<\/span>"<\/span>Handle History Mode and hash fallback"<\/span><\/span> stopProcessing<\/span>=<\/span>"<\/span>true"<\/span><\/span>><\/span><\/span>
                \n <<\/span>match<\/span> url<\/span>=<\/span>"<\/span>(.*)"<\/span><\/span> \/><\/span><\/span>
                \n <<\/span>conditions<\/span> logicalGrouping<\/span>=<\/span>"<\/span>MatchAll"<\/span><\/span>><\/span><\/span>
                \n <<\/span>add<\/span> input<\/span>=<\/span>"<\/span>{REQUEST_FILENAME}"<\/span><\/span> matchType<\/span>=<\/span>"<\/span>IsFile"<\/span><\/span> negate<\/span>=<\/span>"<\/span>true"<\/span><\/span> \/><\/span><\/span>
                \n <<\/span>add<\/span> input<\/span>=<\/span>"<\/span>{REQUEST_FILENAME}"<\/span><\/span> matchType<\/span>=<\/span>"<\/span>IsDirectory"<\/span><\/span> negate<\/span>=<\/span>"<\/span>true"<\/span><\/span> \/><\/span><\/span>
                \n <\/<\/span>conditions<\/span>><\/span><\/span>
                \n <<\/span>action<\/span> type<\/span>=<\/span>"<\/span>Rewrite"<\/span><\/span> url<\/span>=<\/span>"<\/span>\/"<\/span><\/span> \/><\/span><\/span>
                \n <\/<\/span>rule<\/span>><\/span><\/span>
                \n <\/<\/span>rules<\/span>><\/span><\/span>
                \n <\/<\/span>rewrite<\/span>><\/span><\/span>
                \n <\/<\/span>system.webServer<\/span>><\/span><\/span>
                \n<\/<\/span>configuration<\/span>><\/span><\/span><\/p>\n

                Vue\u9879\u76eeAPI\u8c03\u7528：<\/p>\n

                \/\/ \u7b80\u5316\u7684API\u8c03\u7528，\u4f1a\u88ab\u81ea\u52a8\u4ee3\u7406<\/span>
                \naxios.<\/span>get<\/span>(<\/span>'\/api\/users'<\/span>)<\/span> \/\/ \u5b9e\u9645\u8bbf\u95ee：http:\/\/192.168.1.200:5000\/api\/users<\/span><\/p>\n

                \u573a\u666f4：\u5b50\u76ee\u5f55\u90e8\u7f72<\/h4>\n

                \u90e8\u7f72\u8def\u5f84：http:\/\/domain.com\/myapp\/<\/p>\n

                vue.config.js\u914d\u7f6e：<\/p>\n

                module.<\/span>exports =<\/span> {<\/span>
                \n publicPath<\/span>:<\/span> '\/myapp\/'<\/span>
                \n}<\/span><\/p>\n

                web.config\u914d\u7f6e：<\/p>\n

                <<\/span>rule<\/span> name<\/span>=<\/span>"<\/span>Handle History Mode and hash fallback"<\/span><\/span> stopProcessing<\/span>=<\/span>"<\/span>true"<\/span><\/span>><\/span><\/span>
                \n <<\/span>match<\/span> url<\/span>=<\/span>"<\/span>(.*)"<\/span><\/span> \/><\/span><\/span>
                \n <<\/span>conditions<\/span> logicalGrouping<\/span>=<\/span>"<\/span>MatchAll"<\/span><\/span>><\/span><\/span>
                \n <<\/span>add<\/span> input<\/span>=<\/span>"<\/span>{REQUEST_FILENAME}"<\/span><\/span> matchType<\/span>=<\/span>"<\/span>IsFile"<\/span><\/span> negate<\/span>=<\/span>"<\/span>true"<\/span><\/span> \/><\/span><\/span>
                \n <<\/span>add<\/span> input<\/span>=<\/span>"<\/span>{REQUEST_FILENAME}"<\/span><\/span> matchType<\/span>=<\/span>"<\/span>IsDirectory"<\/span><\/span> negate<\/span>=<\/span>"<\/span>true"<\/span><\/span> \/><\/span><\/span>
                \n <\/<\/span>conditions<\/span>><\/span><\/span>
                \n <<\/span>action<\/span> type<\/span>=<\/span>"<\/span>Rewrite"<\/span><\/span> url<\/span>=<\/span>"<\/span>\/myapp\/"<\/span><\/span> \/><\/span><\/span> <!– \u4fee\u6539\u8fd9\u91cc –><\/span>
                \n<\/<\/span>rule<\/span>><\/span><\/span><\/p>\n

                \u573a\u666f5：\u4f01\u4e1a\u7ea7\u751f\u4ea7\u73af\u5883<\/h4>\n

                \u7279\u70b9：\u9ad8\u5b89\u5168\u6027\u3001\u9ad8\u6027\u80fd\u3001\u591a\u73af\u5883\u652f\u6301<\/p>\n

                <?xml version="1.0" encoding="utf-8"?><\/span>
                \n<<\/span>configuration<\/span>><\/span><\/span>
                \n <<\/span>system.webServer<\/span>><\/span><\/span>
                \n <!– URL\u91cd\u5199\u89c4\u5219 –><\/span>
                \n <<\/span>rewrite<\/span>><\/span><\/span>
                \n <<\/span>rules<\/span>><\/span><\/span>
                \n <!– \u5f3a\u5236HTTPS –><\/span>
                \n <<\/span>rule<\/span> name<\/span>=<\/span>"<\/span>Redirect to HTTPS"<\/span><\/span> stopProcessing<\/span>=<\/span>"<\/span>true"<\/span><\/span>><\/span><\/span>
                \n <<\/span>match<\/span> url<\/span>=<\/span>"<\/span>(.*)"<\/span><\/span> \/><\/span><\/span>
                \n <<\/span>conditions<\/span>><\/span><\/span>
                \n <<\/span>add<\/span> input<\/span>=<\/span>"<\/span>{HTTPS}"<\/span><\/span> pattern<\/span>=<\/span>"<\/span>off"<\/span><\/span> ignoreCase<\/span>=<\/span>"<\/span>true"<\/span><\/span> \/><\/span><\/span>
                \n <\/<\/span>conditions<\/span>><\/span><\/span>
                \n <<\/span>action<\/span> type<\/span>=<\/span>"<\/span>Redirect"<\/span><\/span> url<\/span>=<\/span>"<\/span>https:\/\/{HTTP_HOST}\/{R:1}"<\/span><\/span>
                \n redirectType<\/span>=<\/span>"<\/span>Permanent"<\/span><\/span> \/><\/span><\/span>
                \n <\/<\/span>rule<\/span>><\/span><\/span><\/p>\n

                <!– API\u4ee3\u7406 –><\/span>
                \n <<\/span>rule<\/span> name<\/span>=<\/span>"<\/span>API Proxy"<\/span><\/span> stopProcessing<\/span>=<\/span>"<\/span>true"<\/span><\/span>><\/span><\/span>
                \n <<\/span>match<\/span> url<\/span>=<\/span>"<\/span>^api\/(.*)"<\/span><\/span> \/><\/span><\/span>
                \n <<\/span>action<\/span> type<\/span>=<\/span>"<\/span>Rewrite"<\/span><\/span> url<\/span>=<\/span>"<\/span>https:\/\/api.company.com\/{R:1}"<\/span><\/span> \/><\/span><\/span>
                \n <\/<\/span>rule<\/span>><\/span><\/span><\/p>\n

                <!– Vue\u8def\u7531 –><\/span>
                \n <<\/span>rule<\/span> name<\/span>=<\/span>"<\/span>Handle History Mode and hash fallback"<\/span><\/span> stopProcessing<\/span>=<\/span>"<\/span>true"<\/span><\/span>><\/span><\/span>
                \n <<\/span>match<\/span> url<\/span>=<\/span>"<\/span>(.*)"<\/span><\/span> \/><\/span><\/span>
                \n <<\/span>conditions<\/span> logicalGrouping<\/span>=<\/span>"<\/span>MatchAll"<\/span><\/span>><\/span><\/span>
                \n <<\/span>add<\/span> input<\/span>=<\/span>"<\/span>{REQUEST_FILENAME}"<\/span><\/span> matchType<\/span>=<\/span>"<\/span>IsFile"<\/span><\/span> negate<\/span>=<\/span>"<\/span>true"<\/span><\/span> \/><\/span><\/span>
                \n <<\/span>add<\/span> input<\/span>=<\/span>"<\/span>{REQUEST_FILENAME}"<\/span><\/span> matchType<\/span>=<\/span>"<\/span>IsDirectory"<\/span><\/span> negate<\/span>=<\/span>"<\/span>true"<\/span><\/span> \/><\/span><\/span>
                \n <\/<\/span>conditions<\/span>><\/span><\/span>
                \n <<\/span>action<\/span> type<\/span>=<\/span>"<\/span>Rewrite"<\/span><\/span> url<\/span>=<\/span>"<\/span>\/"<\/span><\/span> \/><\/span><\/span>
                \n <\/<\/span>rule<\/span>><\/span><\/span>
                \n <\/<\/span>rules<\/span>><\/span><\/span>
                \n <\/<\/span>rewrite<\/span>><\/span><\/span><\/p>\n

                <!– \u5b89\u5168\u5934 –><\/span>
                \n <<\/span>httpHeaders<\/span>><\/span><\/span>
                \n <<\/span>add<\/span> name<\/span>=<\/span>"<\/span>X-Frame-Options"<\/span><\/span> value<\/span>=<\/span>"<\/span>SAMEORIGIN"<\/span><\/span> \/><\/span><\/span>
                \n <<\/span>add<\/span> name<\/span>=<\/span>"<\/span>X-Content-Type-Options"<\/span><\/span> value<\/span>=<\/span>"<\/span>nosniff"<\/span><\/span> \/><\/span><\/span>
                \n <<\/span>add<\/span> name<\/span>=<\/span>"<\/span>X-XSS-Protection"<\/span><\/span> value<\/span>=<\/span>"<\/span>1; mode=block"<\/span><\/span> \/><\/span><\/span>
                \n <<\/span>add<\/span> name<\/span>=<\/span>"<\/span>Strict-Transport-Security"<\/span><\/span> value<\/span>=<\/span>"<\/span>max-age=31536000; includeSubDomains"<\/span><\/span> \/><\/span><\/span>
                \n <<\/span>add<\/span> name<\/span>=<\/span>"<\/span>Referrer-Policy"<\/span><\/span> value<\/span>=<\/span>"<\/span>strict-origin-when-cross-origin"<\/span><\/span> \/><\/span><\/span>
                \n <<\/span>add<\/span> name<\/span>=<\/span>"<\/span>Content-Security-Policy"<\/span><\/span> value<\/span>=<\/span>"<\/span>default-src 'self'; script-src 'self' 'unsafe-inline'; style-src 'self' 'unsafe-inline';"<\/span><\/span> \/><\/span><\/span>
                \n <\/<\/span>httpHeaders<\/span>><\/span><\/span><\/p>\n

                <!– \u7f13\u5b58\u7b56\u7565 –><\/span>
                \n <<\/span>staticContent<\/span>><\/span><\/span>
                \n <<\/span>clientCache<\/span> cacheControlMode<\/span>=<\/span>"<\/span>UseMaxAge"<\/span><\/span> cacheControlMaxAge<\/span>=<\/span>"<\/span>31536000"<\/span><\/span> \/><\/span><\/span>
                \n <\/<\/span>staticContent<\/span>><\/span><\/span><\/p>\n

                <!– \u542f\u7528\u538b\u7f29 –><\/span>
                \n <<\/span>urlCompression<\/span> doStaticCompression<\/span>=<\/span>"<\/span>true"<\/span><\/span> doDynamicCompression<\/span>=<\/span>"<\/span>true"<\/span><\/span> \/><\/span><\/span><\/p>\n

                <!– \u81ea\u5b9a\u4e49\u9519\u8bef\u9875\u9762 –><\/span>
                \n <<\/span>httpErrors<\/span> errorMode<\/span>=<\/span>"<\/span>Custom"<\/span><\/span>><\/span><\/span>
                \n <<\/span>remove<\/span> statusCode<\/span>=<\/span>"<\/span>404"<\/span><\/span> subStatusCode<\/span>=<\/span>"<\/span>-1"<\/span><\/span> \/><\/span><\/span>
                \n <<\/span>error<\/span> statusCode<\/span>=<\/span>"<\/span>404"<\/span><\/span> path<\/span>=<\/span>"<\/span>\/"<\/span><\/span> responseMode<\/span>=<\/span>"<\/span>ExecuteURL"<\/span><\/span> \/><\/span><\/span>
                \n <<\/span>remove<\/span> statusCode<\/span>=<\/span>"<\/span>500"<\/span><\/span> subStatusCode<\/span>=<\/span>"<\/span>-1"<\/span><\/span> \/><\/span><\/span>
                \n <<\/span>error<\/span> statusCode<\/span>=<\/span>"<\/span>500"<\/span><\/span> path<\/span>=<\/span>"<\/span>\/error.html"<\/span><\/span> responseMode<\/span>=<\/span>"<\/span>ExecuteURL"<\/span><\/span> \/><\/span><\/span>
                \n <\/<\/span>httpErrors<\/span>><\/span><\/span>
                \n <\/<\/span>system.webServer<\/span>><\/span><\/span>
                \n<\/<\/span>configuration<\/span>><\/span><\/span><\/p>\n

                \n

                \u5e38\u89c1\u95ee\u9898<\/h3>\n

                \u95ee\u98981：HTTP \u9519\u8bef 500.19 – MIME\u7c7b\u578b\u51b2\u7a81<\/h4>\n

                \u9519\u8bef\u4fe1\u606f：<\/p>\n

                \u5728\u552f\u4e00\u5bc6\u94a5\u5c5e\u6027"fileExtension"\u8bbe\u7f6e\u4e3a".js"\u65f6，\u65e0\u6cd5\u6dfb\u52a0\u7c7b\u578b\u4e3a"mimeMap"\u7684\u91cd\u590d\u96c6\u5408\u9879<\/p>\n

                \u89e3\u51b3\u65b9\u6848：<\/p>\n

                <!– \u65b9\u6cd51：\u79fb\u9664staticContent\u914d\u7f6e（\u63a8\u8350） –><\/span>
                \n<!– \u76f4\u63a5\u5220\u9664 <staticContent> \u90e8\u5206 –><\/span><\/p>\n

                <!– \u65b9\u6cd52：\u5148\u79fb\u9664\u518d\u6dfb\u52a0 –><\/span>
                \n<<\/span>staticContent<\/span>><\/span><\/span>
                \n <<\/span>remove<\/span> fileExtension<\/span>=<\/span>"<\/span>.js"<\/span><\/span> \/><\/span><\/span>
                \n <<\/span>mimeMap<\/span> fileExtension<\/span>=<\/span>"<\/span>.js"<\/span><\/span> mimeType<\/span>=<\/span>"<\/span>application\/javascript"<\/span><\/span> \/><\/span><\/span>
                \n<\/<\/span>staticContent<\/span>><\/span><\/span><\/p>\n

                \u95ee\u98982：\u9875\u9762\u5237\u65b0\u540e404\u9519\u8bef<\/h4>\n

                \u539f\u56e0：\u7f3a\u5c11URL\u91cd\u5199\u89c4\u5219<\/p>\n

                \u89e3\u51b3\u65b9\u6848：\u786e\u4fddweb.config\u5305\u542b\u5b8c\u6574\u7684\u91cd\u5199\u89c4\u5219<\/p>\n

                \u95ee\u98983：CSS\/JS\u6587\u4ef6\u52a0\u8f7d\u5931\u8d25<\/h4>\n

                \u539f\u56e0：\u6587\u4ef6\u8def\u5f84\u6216\u6743\u9650\u95ee\u9898<\/p>\n

                \u89e3\u51b3\u65b9\u6848：<\/p>\n

              • \u68c0\u67e5\u6587\u4ef6\u662f\u5426\u5b8c\u6574\u590d\u5236<\/li>\n
              • \u786e\u8ba4IIS_IUSRS\u6743\u9650<\/li>\n
              • \u68c0\u67e5publicPath\u914d\u7f6e<\/li>\n

                \u95ee\u98984：API\u8c03\u7528\u8de8\u57df\u9519\u8bef<\/h4>\n

                \u89e3\u51b3\u65b9\u6848：<\/p>\n

              • \u5728web.config\u4e2d\u914d\u7f6eAPI\u4ee3\u7406<\/li>\n
              • \u5728\u540e\u7aefAPI\u4e2d\u914d\u7f6eCORS<\/li>\n
              • \u4f7f\u7528nginx\u53cd\u5411\u4ee3\u7406<\/li>\n

                \u95ee\u98985：\u5b50\u76ee\u5f55\u90e8\u7f72\u8def\u5f84\u9519\u8bef<\/h4>\n

                \u89e3\u51b3\u65b9\u6848：<\/p>\n

              • \u4fee\u6539vue.config.js\u4e2d\u7684publicPath<\/li>\n
              • \u4fee\u6539web.config\u4e2d\u7684\u91cd\u5199\u76ee\u6807<\/li>\n
              • \u786e\u4fdd\u8def\u7531\u914d\u7f6e\u6b63\u786e<\/li>\n
                \n

                \u5b9e\u7528\u914d\u7f6e\u6a21\u677f<\/h3>\n

                \u6a21\u677f1：\u5f00\u53d1\/\u6d4b\u8bd5\u73af\u5883<\/h4>\n

                <?xml version="1.0" encoding="utf-8"?><\/span>
                \n<<\/span>configuration<\/span>><\/span><\/span>
                \n <<\/span>system.webServer<\/span>><\/span><\/span>
                \n <<\/span>rewrite<\/span>><\/span><\/span>
                \n <<\/span>rules<\/span>><\/span><\/span>
                \n <!– \u5f00\u53d1API\u4ee3\u7406 –><\/span>
                \n <<\/span>rule<\/span> name<\/span>=<\/span>"<\/span>Dev API"<\/span><\/span> stopProcessing<\/span>=<\/span>"<\/span>true"<\/span><\/span>><\/span><\/span>
                \n <<\/span>match<\/span> url<\/span>=<\/span>"<\/span>^api\/(.*)"<\/span><\/span> \/><\/span><\/span>
                \n <<\/span>action<\/span> type<\/span>=<\/span>"<\/span>Rewrite"<\/span><\/span> url<\/span>=<\/span>"<\/span>http:\/\/localhost:3000\/api\/{R:1}"<\/span><\/span> \/><\/span><\/span>
                \n <\/<\/span>rule<\/span>><\/span><\/span><\/p>\n

                <<\/span>rule<\/span> name<\/span>=<\/span>"<\/span>Handle History Mode and hash fallback"<\/span><\/span> stopProcessing<\/span>=<\/span>"<\/span>true"<\/span><\/span>><\/span><\/span>
                \n <<\/span>match<\/span> url<\/span>=<\/span>"<\/span>(.*)"<\/span><\/span> \/><\/span><\/span>
                \n <<\/span>conditions<\/span> logicalGrouping<\/span>=<\/span>"<\/span>MatchAll"<\/span><\/span>><\/span><\/span>
                \n <<\/span>add<\/span> input<\/span>=<\/span>"<\/span>{REQUEST_FILENAME}"<\/span><\/span> matchType<\/span>=<\/span>"<\/span>IsFile"<\/span><\/span> negate<\/span>=<\/span>"<\/span>true"<\/span><\/span> \/><\/span><\/span>
                \n <<\/span>add<\/span> input<\/span>=<\/span>"<\/span>{REQUEST_FILENAME}"<\/span><\/span> matchType<\/span>=<\/span>"<\/span>IsDirectory"<\/span><\/span> negate<\/span>=<\/span>"<\/span>true"<\/span><\/span> \/><\/span><\/span>
                \n <\/<\/span>conditions<\/span>><\/span><\/span>
                \n <<\/span>action<\/span> type<\/span>=<\/span>"<\/span>Rewrite"<\/span><\/span> url<\/span>=<\/span>"<\/span>\/"<\/span><\/span> \/><\/span><\/span>
                \n <\/<\/span>rule<\/span>><\/span><\/span>
                \n <\/<\/span>rules<\/span>><\/span><\/span>
                \n <\/<\/span>rewrite<\/span>><\/span><\/span><\/p>\n

                <!– \u5f00\u53d1\u73af\u5883\u5141\u8bb8\u8de8\u57df –><\/span>
                \n <<\/span>httpHeaders<\/span>><\/span><\/span>
                \n <<\/span>add<\/span> name<\/span>=<\/span>"<\/span>Access-Control-Allow-Origin"<\/span><\/span> value<\/span>=<\/span>"<\/span>*"<\/span><\/span> \/><\/span><\/span>
                \n <<\/span>add<\/span> name<\/span>=<\/span>"<\/span>Access-Control-Allow-Methods"<\/span><\/span> value<\/span>=<\/span>"<\/span>GET, POST, PUT, DELETE, OPTIONS"<\/span><\/span> \/><\/span><\/span>
                \n <<\/span>add<\/span> name<\/span>=<\/span>"<\/span>Access-Control-Allow-Headers"<\/span><\/span> value<\/span>=<\/span>"<\/span>Content-Type, Authorization"<\/span><\/span> \/><\/span><\/span>
                \n <\/<\/span>httpHeaders<\/span>><\/span><\/span>
                \n <\/<\/span>system.webServer<\/span>><\/span><\/span>
                \n<\/<\/span>configuration<\/span>><\/span><\/span><\/p>\n

                \u6a21\u677f2：\u751f\u4ea7\u73af\u5883（\u5b89\u5168\u4f18\u5316）<\/h4>\n

                <?xml version="1.0" encoding="utf-8"?><\/span>
                \n<<\/span>configuration<\/span>><\/span><\/span>
                \n <<\/span>system.webServer<\/span>><\/span><\/span>
                \n <<\/span>rewrite<\/span>><\/span><\/span>
                \n <<\/span>rules<\/span>><\/span><\/span>
                \n <!– \u5f3a\u5236HTTPS –><\/span>
                \n <<\/span>rule<\/span> name<\/span>=<\/span>"<\/span>Force HTTPS"<\/span><\/span> stopProcessing<\/span>=<\/span>"<\/span>true"<\/span><\/span>><\/span><\/span>
                \n <<\/span>match<\/span> url<\/span>=<\/span>"<\/span>(.*)"<\/span><\/span> \/><\/span><\/span>
                \n <<\/span>conditions<\/span>><\/span><\/span>
                \n <<\/span>add<\/span> input<\/span>=<\/span>"<\/span>{HTTPS}"<\/span><\/span> pattern<\/span>=<\/span>"<\/span>off"<\/span><\/span> \/><\/span><\/span>
                \n <\/<\/span>conditions<\/span>><\/span><\/span>
                \n <<\/span>action<\/span> type<\/span>=<\/span>"<\/span>Redirect"<\/span><\/span> url<\/span>=<\/span>"<\/span>https:\/\/{HTTP_HOST}\/{R:1}"<\/span><\/span> redirectType<\/span>=<\/span>"<\/span>Permanent"<\/span><\/span> \/><\/span><\/span>
                \n <\/<\/span>rule<\/span>><\/span><\/span><\/p>\n

                <!– \u751f\u4ea7API –><\/span>
                \n <<\/span>rule<\/span> name<\/span>=<\/span>"<\/span>Production API"<\/span><\/span> stopProcessing<\/span>=<\/span>"<\/span>true"<\/span><\/span>><\/span><\/span>
                \n <<\/span>match<\/span> url<\/span>=<\/span>"<\/span>^api\/(.*)"<\/span><\/span> \/><\/span><\/span>
                \n <<\/span>action<\/span> type<\/span>=<\/span>"<\/span>Rewrite"<\/span><\/span> url<\/span>=<\/span>"<\/span>https:\/\/api.production.com\/{R:1}"<\/span><\/span> \/><\/span><\/span>
                \n <\/<\/span>rule<\/span>><\/span><\/span><\/p>\n

                <<\/span>rule<\/span> name<\/span>=<\/span>"<\/span>Handle History Mode and hash fallback"<\/span><\/span> stopProcessing<\/span>=<\/span>"<\/span>true"<\/span><\/span>><\/span><\/span>
                \n <<\/span>match<\/span> url<\/span>=<\/span>"<\/span>(.*)"<\/span><\/span> \/><\/span><\/span>
                \n <<\/span>conditions<\/span> logicalGrouping<\/span>=<\/span>"<\/span>MatchAll"<\/span><\/span>><\/span><\/span>
                \n <<\/span>add<\/span> input<\/span>=<\/span>"<\/span>{REQUEST_FILENAME}"<\/span><\/span> matchType<\/span>=<\/span>"<\/span>IsFile"<\/span><\/span> negate<\/span>=<\/span>"<\/span>true"<\/span><\/span> \/><\/span><\/span>
                \n <<\/span>add<\/span> input<\/span>=<\/span>"<\/span>{REQUEST_FILENAME}"<\/span><\/span> matchType<\/span>=<\/span>"<\/span>IsDirectory"<\/span><\/span> negate<\/span>=<\/span>"<\/span>true"<\/span><\/span> \/><\/span><\/span>
                \n <\/<\/span>conditions<\/span>><\/span><\/span>
                \n <<\/span>action<\/span> type<\/span>=<\/span>"<\/span>Rewrite"<\/span><\/span> url<\/span>=<\/span>"<\/span>\/"<\/span><\/span> \/><\/span><\/span>
                \n <\/<\/span>rule<\/span>><\/span><\/span>
                \n <\/<\/span>rules<\/span>><\/span><\/span>
                \n <\/<\/span>rewrite<\/span>><\/span><\/span><\/p>\n

                <!– \u5b89\u5168\u5934 –><\/span>
                \n <<\/span>httpHeaders<\/span>><\/span><\/span>
                \n <<\/span>add<\/span> name<\/span>=<\/span>"<\/span>X-Frame-Options"<\/span><\/span> value<\/span>=<\/span>"<\/span>DENY"<\/span><\/span> \/><\/span><\/span>
                \n <<\/span>add<\/span> name<\/span>=<\/span>"<\/span>X-Content-Type-Options"<\/span><\/span> value<\/span>=<\/span>"<\/span>nosniff"<\/span><\/span> \/><\/span><\/span>
                \n <<\/span>add<\/span> name<\/span>=<\/span>"<\/span>X-XSS-Protection"<\/span><\/span> value<\/span>=<\/span>"<\/span>1; mode=block"<\/span><\/span> \/><\/span><\/span>
                \n <<\/span>add<\/span> name<\/span>=<\/span>"<\/span>Strict-Transport-Security"<\/span><\/span> value<\/span>=<\/span>"<\/span>max-age=31536000"<\/span><\/span> \/><\/span><\/span>
                \n <\/<\/span>httpHeaders<\/span>><\/span><\/span><\/p>\n

                <!– \u7f13\u5b58\u4f18\u5316 –><\/span>
                \n <<\/span>staticContent<\/span>><\/span><\/span>
                \n <<\/span>clientCache<\/span> cacheControlMode<\/span>=<\/span>"<\/span>UseMaxAge"<\/span><\/span> cacheControlMaxAge<\/span>=<\/span>"<\/span>604800"<\/span><\/span> \/><\/span><\/span>
                \n <\/<\/span>staticContent<\/span>><\/span><\/span>
                \n <\/<\/span>system.webServer<\/span>><\/span><\/span>
                \n<\/<\/span>configuration<\/span>><\/span><\/span><\/p>\n

                \u6a21\u677f3：\u591a\u73af\u5883\u5207\u6362<\/h4>\n

                <?xml version="1.0" encoding="utf-8"?><\/span>
                \n<<\/span>configuration<\/span>><\/span><\/span>
                \n <<\/span>system.webServer<\/span>><\/span><\/span>
                \n <<\/span>rewrite<\/span>><\/span><\/span>
                \n <<\/span>rules<\/span>><\/span><\/span>
                \n <!– \u5f00\u53d1\u73af\u5883API（\u624b\u52a8\u542f\u7528\/\u7981\u7528） –><\/span>
                \n <<\/span>rule<\/span> name<\/span>=<\/span>"<\/span>Dev API"<\/span><\/span> enabled<\/span>=<\/span>"<\/span>false"<\/span><\/span> stopProcessing<\/span>=<\/span>"<\/span>true"<\/span><\/span>><\/span><\/span>
                \n <<\/span>match<\/span> url<\/span>=<\/span>"<\/span>^api\/(.*)"<\/span><\/span> \/><\/span><\/span>
                \n <<\/span>action<\/span> type<\/span>=<\/span>"<\/span>Rewrite"<\/span><\/span> url<\/span>=<\/span>"<\/span>http:\/\/localhost:3000\/api\/{R:1}"<\/span><\/span> \/><\/span><\/span>
                \n <\/<\/span>rule<\/span>><\/span><\/span><\/p>\n

                <!– \u6d4b\u8bd5\u73af\u5883API –><\/span>
                \n <<\/span>rule<\/span> name<\/span>=<\/span>"<\/span>Test API"<\/span><\/span> enabled<\/span>=<\/span>"<\/span>false"<\/span><\/span> stopProcessing<\/span>=<\/span>"<\/span>true"<\/span><\/span>><\/span><\/span>
                \n <<\/span>match<\/span> url<\/span>=<\/span>"<\/span>^api\/(.*)"<\/span><\/span> \/><\/span><\/span>
                \n <<\/span>action<\/span> type<\/span>=<\/span>"<\/span>Rewrite"<\/span><\/span> url<\/span>=<\/span>"<\/span>https:\/\/test-api.company.com\/{R:1}"<\/span><\/span> \/><\/span><\/span>
                \n <\/<\/span>rule<\/span>><\/span><\/span><\/p>\n

                <!– \u751f\u4ea7\u73af\u5883API –><\/span>
                \n <<\/span>rule<\/span> name<\/span>=<\/span>"<\/span>Prod API"<\/span><\/span> enabled<\/span>=<\/span>"<\/span>true"<\/span><\/span> stopProcessing<\/span>=<\/span>"<\/span>true"<\/span><\/span>><\/span><\/span>
                \n <<\/span>match<\/span> url<\/span>=<\/span>"<\/span>^api\/(.*)"<\/span><\/span> \/><\/span><\/span>
                \n <<\/span>action<\/span> type<\/span>=<\/span>"<\/span>Rewrite"<\/span><\/span> url<\/span>=<\/span>"<\/span>https:\/\/api.company.com\/{R:1}"<\/span><\/span> \/><\/span><\/span>
                \n <\/<\/span>rule<\/span>><\/span><\/span><\/p>\n

                <<\/span>rule<\/span> name<\/span>=<\/span>"<\/span>Handle History Mode and hash fallback"<\/span><\/span> stopProcessing<\/span>=<\/span>"<\/span>true"<\/span><\/span>><\/span><\/span>
                \n <<\/span>match<\/span> url<\/span>=<\/span>"<\/span>(.*)"<\/span><\/span> \/><\/span><\/span>
                \n <<\/span>conditions<\/span> logicalGrouping<\/span>=<\/span>"<\/span>MatchAll"<\/span><\/span>><\/span><\/span>
                \n <<\/span>add<\/span> input<\/span>=<\/span>"<\/span>{REQUEST_FILENAME}"<\/span><\/span> matchType<\/span>=<\/span>"<\/span>IsFile"<\/span><\/span> negate<\/span>=<\/span>"<\/span>true"<\/span><\/span> \/><\/span><\/span>
                \n <<\/span>add<\/span> input<\/span>=<\/span>"<\/span>{REQUEST_FILENAME}"<\/span><\/span> matchType<\/span>=<\/span>"<\/span>IsDirectory"<\/span><\/span> negate<\/span>=<\/span>"<\/span>true"<\/span><\/span> \/><\/span><\/span>
                \n <\/<\/span>conditions<\/span>><\/span><\/span>
                \n <<\/span>action<\/span> type<\/span>=<\/span>"<\/span>Rewrite"<\/span><\/span> url<\/span>=<\/span>"<\/span>\/"<\/span><\/span> \/><\/span><\/span>
                \n <\/<\/span>rule<\/span>><\/span><\/span>
                \n <\/<\/span>rules<\/span>><\/span><\/span>
                \n <\/<\/span>rewrite<\/span>><\/span><\/span>
                \n <\/<\/span>system.webServer<\/span>><\/span><\/span>
                \n<\/<\/span>configuration<\/span>><\/span><\/span><\/p>\n

                \n

                \u90e8\u7f72\u68c0\u67e5\u6e05\u5355<\/h3>\n

                \u90e8\u7f72\u524d\u68c0\u67e5<\/h4>\n
                  \n
                • Vue\u9879\u76ee\u6784\u5efa\u6210\u529f（npm run build）<\/li>\n
                • dist\u6587\u4ef6\u5939\u5305\u542b\u6240\u6709\u6587\u4ef6<\/li>\n
                • web.config\u6587\u4ef6\u5df2\u521b\u5efa<\/li>\n
                • IIS\u5df2\u5b89\u88c5URL Rewrite\u6a21\u5757<\/li>\n<\/ul>\n

                  \u90e8\u7f72\u65f6\u68c0\u67e5<\/h4>\n
                    \n
                  • \u6587\u4ef6\u590d\u5236\u5230\u6b63\u786e\u4f4d\u7f6e<\/li>\n
                  • IIS\u7f51\u7ad9\u914d\u7f6e\u6b63\u786e<\/li>\n
                  • \u5e94\u7528\u7a0b\u5e8f\u6c60\u8bbe\u7f6e\u6b63\u786e<\/li>\n
                  • \u6587\u4ef6\u6743\u9650\u8bbe\u7f6e\u6b63\u786e<\/li>\n<\/ul>\n

                    \u90e8\u7f72\u540e\u68c0\u67e5<\/h4>\n
                      \n
                    • \u7f51\u7ad9\u53ef\u4ee5\u6b63\u5e38\u8bbf\u95ee<\/li>\n
                    • \u8def\u7531\u8df3\u8f6c\u6b63\u5e38<\/li>\n
                    • \u9875\u9762\u5237\u65b0\u4e0d\u51fa\u73b0404<\/li>\n
                    • API\u8c03\u7528\u6b63\u5e38<\/li>\n
                    • \u9759\u6001\u8d44\u6e90\u52a0\u8f7d\u6b63\u5e38<\/li>\n<\/ul>\n
                      \n

                      \u6027\u80fd\u4f18\u5316\u5efa\u8bae<\/h3>\n

                      1. \u542f\u7528\u538b\u7f29<\/h4>\n

                      <<\/span>urlCompression<\/span> doStaticCompression<\/span>=<\/span>"<\/span>true"<\/span><\/span> doDynamicCompression<\/span>=<\/span>"<\/span>true"<\/span><\/span> \/><\/span><\/span><\/p>\n

                      2. \u8bbe\u7f6e\u7f13\u5b58<\/h4>\n

                      <<\/span>staticContent<\/span>><\/span><\/span>
                      \n <<\/span>clientCache<\/span> cacheControlMode<\/span>=<\/span>"<\/span>UseMaxAge"<\/span><\/span> cacheControlMaxAge<\/span>=<\/span>"<\/span>2592000"<\/span><\/span> \/><\/span><\/span>
                      \n<\/<\/span>staticContent<\/span>><\/span><\/span><\/p>\n

                      3. \u4f18\u5316\u6784\u5efa<\/h4>\n

                      \/\/ vue.config.js<\/span>
                      \nmodule.<\/span>exports =<\/span> {<\/span>
                      \n productionSourceMap<\/span>:<\/span> false<\/span>,<\/span> \/\/ \u7981\u7528source map<\/span>
                      \n configureWebpack<\/span>:<\/span> {<\/span>
                      \n optimization<\/span>:<\/span> {<\/span>
                      \n splitChunks<\/span>:<\/span> {<\/span>
                      \n chunks<\/span>:<\/span> 'all'<\/span>
                      \n }<\/span>
                      \n }<\/span>
                      \n }<\/span>
                      \n}<\/span><\/p>\n

                      \n

                      \u603b\u7ed3<\/h3>\n
                    • \u7406\u89e3SPA\u539f\u7406：Vue\u662f\u5355\u9875\u5e94\u7528，\u6240\u6709\u8def\u7531\u90fd\u8981\u91cd\u5b9a\u5411\u5230index.html<\/li>\n
                    • \u6838\u5fc3\u914d\u7f6e\u4e0d\u53d8：\u65e0\u8bba\u591a\u5c11\u9875\u9762，\u57fa\u672c\u7684\u91cd\u5199\u89c4\u5219\u90fd\u4e00\u6837<\/li>\n
                    • \u6309\u9700\u6dfb\u52a0\u529f\u80fd：\u6839\u636e\u5177\u4f53\u9700\u6c42\u6dfb\u52a0API\u4ee3\u7406\u3001\u5b89\u5168\u5934\u7b49\u914d\u7f6e<\/li>\n
                    • \u73af\u5883\u533a\u5206\u90e8\u7f72：\u5f00\u53d1\u3001\u6d4b\u8bd5\u3001\u751f\u4ea7\u4f7f\u7528\u4e0d\u540c\u7684\u914d\u7f6e<\/li>\n
                    • \u6ce8\u610f\u6267\u884c\u987a\u5e8f：web.config\u89c4\u5219\u4ece\u4e0a\u5230\u4e0b\u6267\u884c，\u6ce8\u610fstopProcessing\u5c5e\u6027<\/li>\n

                      \u901a\u8fc7\u672c\u624b\u518c，\u60a8\u53ef\u4ee5\u6839\u636e\u5177\u4f53\u60c5\u51b5\u5feb\u901f\u9009\u62e9\u5408\u9002\u7684\u914d\u7f6e\u6a21\u677f，\u5b9e\u73b0Vue\u9879\u76ee\u5728IIS\u4e0a\u7684\u6210\u529f\u90e8\u7f72！<\/p>\n","protected":false},"excerpt":{"rendered":"

                      \u6587\u7ae0\u6d4f\u89c8\u9605\u8bfb1k\u6b21\uff0c\u70b9\u8d5e14\u6b21\uff0c\u6536\u85cf15\u6b21\u3002\u7406\u89e3SPA\u539f\u7406\uff1aVue\u662f\u5355\u9875\u5e94\u7528\uff0c\u6240\u6709\u8def\u7531\u90fd\u8981\u91cd\u5b9a\u5411\u5230index.html\u6838\u5fc3\u914d\u7f6e\u4e0d\u53d8\uff1a\u65e0\u8bba\u591a\u5c11\u9875\u9762\uff0c\u57fa\u672c\u7684\u91cd\u5199\u89c4\u5219\u90fd\u4e00\u6837\u6309\u9700\u6dfb\u52a0\u529f\u80fd\uff1a\u6839\u636e\u5177\u4f53\u9700\u6c42\u6dfb\u52a0API\u4ee3\u7406\u3001\u5b89\u5168\u5934\u7b49\u914d\u7f6e\u73af\u5883\u533a\u5206\u90e8\u7f72\uff1a\u5f00\u53d1\u3001\u6d4b\u8bd5\u3001\u751f\u4ea7\u4f7f\u7528\u4e0d\u540c\u7684\u914d\u7f6e\u6ce8\u610f\u6267\u884c\u987a\u5e8f\uff1aweb.config\u89c4\u5219\u4ece\u4e0a\u5230\u4e0b\u6267\u884c\uff0c\u6ce8\u610fstopProcessing\u5c5e\u6027\u901a\u8fc7\u672c\u624b\u518c\uff0c\u60a8\u53ef\u4ee5\u6839\u636e\u5177\u4f53\u60c5\u51b5\u5feb\u901f\u9009\u62e9\u5408\u9002\u7684\u914d\u7f6e\u6a21\u677f\uff0c\u5b9e\u73b0Vue\u9879\u76ee\u5728IIS\u4e0a\u7684\u6210\u529f\u90e8\u7f72\uff01<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[625,87,43],"topic":[],"class_list":["post-40656","post","type-post","status-publish","format-standard","hentry","category-server","tag-vue-js","tag-87","tag-43"],"yoast_head":"\nVUE\u9879\u76ee\u90e8\u7f72IIS\u670d\u52a1\u5668\u624b\u518c - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.wsisp.com\/helps\/40656.html\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"VUE\u9879\u76ee\u90e8\u7f72IIS\u670d\u52a1\u5668\u624b\u518c - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\" \/>\n<meta property=\"og:description\" content=\"\u6587\u7ae0\u6d4f\u89c8\u9605\u8bfb1k\u6b21\uff0c\u70b9\u8d5e14\u6b21\uff0c\u6536\u85cf15\u6b21\u3002\u7406\u89e3SPA\u539f\u7406\uff1aVue\u662f\u5355\u9875\u5e94\u7528\uff0c\u6240\u6709\u8def\u7531\u90fd\u8981\u91cd\u5b9a\u5411\u5230index.html\u6838\u5fc3\u914d\u7f6e\u4e0d\u53d8\uff1a\u65e0\u8bba\u591a\u5c11\u9875\u9762\uff0c\u57fa\u672c\u7684\u91cd\u5199\u89c4\u5219\u90fd\u4e00\u6837\u6309\u9700\u6dfb\u52a0\u529f\u80fd\uff1a\u6839\u636e\u5177\u4f53\u9700\u6c42\u6dfb\u52a0API\u4ee3\u7406\u3001\u5b89\u5168\u5934\u7b49\u914d\u7f6e\u73af\u5883\u533a\u5206\u90e8\u7f72\uff1a\u5f00\u53d1\u3001\u6d4b\u8bd5\u3001\u751f\u4ea7\u4f7f\u7528\u4e0d\u540c\u7684\u914d\u7f6e\u6ce8\u610f\u6267\u884c\u987a\u5e8f\uff1aweb.config\u89c4\u5219\u4ece\u4e0a\u5230\u4e0b\u6267\u884c\uff0c\u6ce8\u610fstopProcessing\u5c5e\u6027\u901a\u8fc7\u672c\u624b\u518c\uff0c\u60a8\u53ef\u4ee5\u6839\u636e\u5177\u4f53\u60c5\u51b5\u5feb\u901f\u9009\u62e9\u5408\u9002\u7684\u914d\u7f6e\u6a21\u677f\uff0c\u5b9e\u73b0Vue\u9879\u76ee\u5728IIS\u4e0a\u7684\u6210\u529f\u90e8\u7f72\uff01\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.wsisp.com\/helps\/40656.html\" \/>\n<meta property=\"og:site_name\" content=\"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\" \/>\n<meta property=\"article:published_time\" content=\"2025-05-29T17:26:16+00:00\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u4f5c\u8005\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 \u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/40656.html\",\"url\":\"https:\/\/www.wsisp.com\/helps\/40656.html\",\"name\":\"VUE\u9879\u76ee\u90e8\u7f72IIS\u670d\u52a1\u5668\u624b\u518c - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\",\"isPartOf\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/#website\"},\"datePublished\":\"2025-05-29T17:26:16+00:00\",\"dateModified\":\"2025-05-29T17:26:16+00:00\",\"author\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/40656.html#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.wsisp.com\/helps\/40656.html\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/40656.html#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9875\",\"item\":\"https:\/\/www.wsisp.com\/helps\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"VUE\u9879\u76ee\u90e8\u7f72IIS\u670d\u52a1\u5668\u624b\u518c\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#website\",\"url\":\"https:\/\/www.wsisp.com\/helps\/\",\"name\":\"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\",\"description\":\"\u9999\u6e2f\u670d\u52a1\u5668_\u9999\u6e2f\u4e91\u670d\u52a1\u5668\u8d44\u8baf_\u670d\u52a1\u5668\u5e2e\u52a9\u6587\u6863_\u670d\u52a1\u5668\u6559\u7a0b\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.wsisp.com\/helps\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"zh-Hans\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery\",\"contentUrl\":\"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery\",\"caption\":\"admin\"},\"sameAs\":[\"http:\/\/wp.wsisp.com\"],\"url\":\"https:\/\/www.wsisp.com\/helps\/author\/admin\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"VUE\u9879\u76ee\u90e8\u7f72IIS\u670d\u52a1\u5668\u624b\u518c - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.wsisp.com\/helps\/40656.html","og_locale":"zh_CN","og_type":"article","og_title":"VUE\u9879\u76ee\u90e8\u7f72IIS\u670d\u52a1\u5668\u624b\u518c - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","og_description":"\u6587\u7ae0\u6d4f\u89c8\u9605\u8bfb1k\u6b21\uff0c\u70b9\u8d5e14\u6b21\uff0c\u6536\u85cf15\u6b21\u3002\u7406\u89e3SPA\u539f\u7406\uff1aVue\u662f\u5355\u9875\u5e94\u7528\uff0c\u6240\u6709\u8def\u7531\u90fd\u8981\u91cd\u5b9a\u5411\u5230index.html\u6838\u5fc3\u914d\u7f6e\u4e0d\u53d8\uff1a\u65e0\u8bba\u591a\u5c11\u9875\u9762\uff0c\u57fa\u672c\u7684\u91cd\u5199\u89c4\u5219\u90fd\u4e00\u6837\u6309\u9700\u6dfb\u52a0\u529f\u80fd\uff1a\u6839\u636e\u5177\u4f53\u9700\u6c42\u6dfb\u52a0API\u4ee3\u7406\u3001\u5b89\u5168\u5934\u7b49\u914d\u7f6e\u73af\u5883\u533a\u5206\u90e8\u7f72\uff1a\u5f00\u53d1\u3001\u6d4b\u8bd5\u3001\u751f\u4ea7\u4f7f\u7528\u4e0d\u540c\u7684\u914d\u7f6e\u6ce8\u610f\u6267\u884c\u987a\u5e8f\uff1aweb.config\u89c4\u5219\u4ece\u4e0a\u5230\u4e0b\u6267\u884c\uff0c\u6ce8\u610fstopProcessing\u5c5e\u6027\u901a\u8fc7\u672c\u624b\u518c\uff0c\u60a8\u53ef\u4ee5\u6839\u636e\u5177\u4f53\u60c5\u51b5\u5feb\u901f\u9009\u62e9\u5408\u9002\u7684\u914d\u7f6e\u6a21\u677f\uff0c\u5b9e\u73b0Vue\u9879\u76ee\u5728IIS\u4e0a\u7684\u6210\u529f\u90e8\u7f72\uff01","og_url":"https:\/\/www.wsisp.com\/helps\/40656.html","og_site_name":"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","article_published_time":"2025-05-29T17:26:16+00:00","author":"admin","twitter_card":"summary_large_image","twitter_misc":{"\u4f5c\u8005":"admin","\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"10 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.wsisp.com\/helps\/40656.html","url":"https:\/\/www.wsisp.com\/helps\/40656.html","name":"VUE\u9879\u76ee\u90e8\u7f72IIS\u670d\u52a1\u5668\u624b\u518c - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","isPartOf":{"@id":"https:\/\/www.wsisp.com\/helps\/#website"},"datePublished":"2025-05-29T17:26:16+00:00","dateModified":"2025-05-29T17:26:16+00:00","author":{"@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41"},"breadcrumb":{"@id":"https:\/\/www.wsisp.com\/helps\/40656.html#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.wsisp.com\/helps\/40656.html"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.wsisp.com\/helps\/40656.html#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9875","item":"https:\/\/www.wsisp.com\/helps"},{"@type":"ListItem","position":2,"name":"VUE\u9879\u76ee\u90e8\u7f72IIS\u670d\u52a1\u5668\u624b\u518c"}]},{"@type":"WebSite","@id":"https:\/\/www.wsisp.com\/helps\/#website","url":"https:\/\/www.wsisp.com\/helps\/","name":"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","description":"\u9999\u6e2f\u670d\u52a1\u5668_\u9999\u6e2f\u4e91\u670d\u52a1\u5668\u8d44\u8baf_\u670d\u52a1\u5668\u5e2e\u52a9\u6587\u6863_\u670d\u52a1\u5668\u6559\u7a0b","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.wsisp.com\/helps\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"zh-Hans"},{"@type":"Person","@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41","name":"admin","image":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/image\/","url":"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery","contentUrl":"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery","caption":"admin"},"sameAs":["http:\/\/wp.wsisp.com"],"url":"https:\/\/www.wsisp.com\/helps\/author\/admin"}]}},"_links":{"self":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts\/40656","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/comments?post=40656"}],"version-history":[{"count":0,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts\/40656\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/media?parent=40656"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/categories?post=40656"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/tags?post=40656"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/topic?post=40656"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}