UI 路由器模板URl 无法正常工作

Question

这是我的文件夹结构。 主题

资产

src

应用程序

页面

• a.html

• b.html

  小部件

  应用程序

供应商

index.html

当我们使用模板 URL 进行路由时，我们遇到了以下问题

XMLHttpRequest 无法加载 file:///C:/Users/CAD1788/Desktop/Mobile/srcapppagesa.html。跨源请求仅支持协议方案：http、data、chrome、chrome-extension、https、chrome-extension-resource。

app.js：

app.config(function($stateProvider, $urlRouterProvider){
      // For any unmatched url, send to /SearchResults
      $urlRouterProvider.otherwise("/a1")

      $stateProvider
        .state('a1', {
            url: "/a1",
            templateUrl: "src\app\pages\a.html"
            //template:"<h1>one</h1>"
        })


        .state('b1', {
            url: "/b1",
            templateUrl: "src\app\pages\b.html" 
            //template:"<h1>Two</h1>"
        })

});

HTML：

<li><a ui-sref="a1">Knowledge Base</a></li>
        <li><a ui-sref="b1">My Briefcase</a></li>

Firefox 工作正常

Answer 1

尝试在状态中添加这个视图块：

app.config(function($stateProvider, $urlRouterProvider){

      $urlRouterProvider.otherwise("/a1")

      $stateProvider
        .state('a1', {
            url: "/b1",
            views: {
              "main": {
                 templateUrl: "src/app/pages/b.html" 
             }
           }    
        })
});

为了让路由正常工作，你应该使用一些服务器来运行应用程序。