Angularjs 中templateUrl引用本地文件為什麼access is denied?

寫了一個angularjs例子，文件都是本地的，其中指令用到templateUrl，引用一個文件，執行的時候出錯access is denied,為什麼？

---

你需要起一個靜態伺服器

---

謝邀，chrome可以在執行時加這個參數 --allow-file-access-from-files 搜索一下自己學學如何配置吧

---

這是瀏覽器為了安全做的限制，chrome不可以訪問本地的，火狐可以，搭建一個靜態伺服器都可以了

---

有人已經說了，你需要起一個靜態伺服器

怎麼起呢？

1. 如果你裝了python 可以:

python -m SimpleHTTPServer 8080

2. 如果你用node，可以

npm install http-server -g

然後

http-server

兩種方法都會打開本地的8080埠，之後要做的就是在瀏覽器訪問127.0.0.1:8080，然後就繼續開發。

- - -

本質上還是瀏覽器的原因，chrome會限制訪問本地文件系統，像其他答主說的一樣，也可以在啟動chrome時添加參數。但是我個人覺得這樣並不是最佳實踐。

- - -

題外話，其實最先接觸框架時我是不願意用angular的，但公司的Java大哥說用，自己就跟著用了，後來發現還挺順手

---

你還可以加個 templateCache

---

推薦閱讀：