ฉันต้องการเปิดใช้งานโหมด HTML5 สำหรับแอปของฉัน ฉันได้ใส่รหัสต่อไปนี้สำหรับการกำหนดค่าตามที่แสดงที่นี่ :
return app.config(['$routeProvider','$locationProvider', function($routeProvider,$locationProvider) {
$locationProvider.html5Mode(true);
$locationProvider.hashPrefix = '!';
$routeProvider.when('/', {
templateUrl: '/views/index.html',
controller: 'indexCtrl'
});
$routeProvider.when('/about',{
templateUrl: '/views/about.html',
controller: 'AboutCtrl'
});
ที่คุณสามารถดูผมใช้$locationProvider.html5mode
และผมเปลี่ยนการเชื่อมโยงทั้งหมดของฉันที่จะไม่รวมng-href
/#/
ปัญหา
ในขณะที่ฉันสามารถไปlocalhost:9000/
และดูหน้าดัชนีและนำทางไปยังหน้าเว็บอื่น ๆ localhost:9000/about
เช่น
อย่างไรก็ตามปัญหาเกิดขึ้นเมื่อฉันรีเฟรชlocalhost:9000/about
หน้า ฉันได้รับผลลัพธ์ต่อไปนี้:Cannot GET /about
ถ้าฉันดูเครือข่ายโทร:
Request URL:localhost:9000/about
Request Method:GET
ในขณะที่ถ้าฉันไปที่localhost:9000/
แล้วคลิกที่ปุ่มที่นำทางไปยัง/about
ฉันได้รับ:
Request URL:http://localhost:9000/views/about.html
ซึ่งแสดงผลหน้าเว็บได้อย่างสมบูรณ์แบบ
ฉันจะเปิดใช้งานเชิงมุมเพื่อรับหน้าที่ถูกต้องเมื่อฉันรีเฟรช?