javascript - I am new to angularJS+express, and / in the routing path is converted to %2F, causing the path to become invalid. Can you tell me why?-PHP Chinese Network Q&A

Article Topic Learning Download Q&A Programming Dictionary Game Recent Updates

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

javascript - I am new to angularJS+express, and / in the routing path is converted to %2F, causing the path to become invalid. Can you tell me why?

漂亮男人 2017-07-05 11:07:44

1111

The page opens as follows

Click the computer link and the url path will be displayed as follows

After clicking

The expected effect is as follows:

My code is as follows app.js, using "express": "^4.15.2"

var express = require('express'); var path = require('path'); var app = express(); //使用静态文件服务器中间件 app.use(express.static(path.join(__dirname,'app/public'))); app.listen(8080);

test.html

   AngularJS 路由实例 - 菜鸟教程      
  AngularJS 路由应用
  首页
 电脑
 打印机
 其他
 w3school

I have been stuck on this problem for a long time, please give me some direction, thank you

漂亮男人

reply all (1)

Peter_Zhu2017-07-05 11:09:44 1 floor

This is the default ! (exclamation mark) added to the hash route by angular1.6, causing an error. The modification method is as follows (add configuration, remove the default prefix exclamation mark):

angular.module('routingDemoApp',['ngRoute']) .config(['$routeProvider', function($routeProvider){ $routeProvider .when('/',{template:'这是首页页面'}) .when('/computers',{template:'这是电脑分类页面'}) .when('/printers',{template:'这是打印机页面'}) .otherwise({redirectTo:'/'}); }]) //添加如下配置 .config(['$locationProvider', function($locationProvider) { $locationProvider.hashPrefix(""); }]);