react route

[김윤진]

route 사용해서 페이지 분리하려고 하는데 404가 뜹니다

function App안에 return에 

<Route path="/cartpage'>

  내용내용

</Route>

이렇게 하고 

localhost:8080/cartpage 로 했는데 

뭐 놓친것이 있을까요?

 

감사합니다

 

 

[codingapple]

에러메세지 전부 복붙해주십시오 

[김윤진]

cartpage 페이지 에서는 Cannot GET /cartpage

 

console 에서는 

Failed to load resource: the server responded with a status of 404 (Not Found) cartpage:1

 

Cannot GET /cartpage 이 문구 클릭하면

Refused to load the image 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABklJREFUeNqsmFtwE1UYx/97Tdqkbei91Gk6IFouYjqjBR3aQTstoM40DD4gOIO++sL4pr45+q7iu+OMyJMD1RcZAXGEBxiUm0JrKfQiDoVeSEmv2WSP3znJJpt0d1Mgpz3d3bPJnt/+v8v5TqX9X89HGMNZ6iGGdGOZP9a11Riz3bddm4n4tz991Pg+SthkDmVmoPhE2Q5bLxwruIakRVHiJnMo+9s/SZMULfTW56PRUiuWB8UKjmCrIqNfva+kYPb5vRiYi5/lnuQrsWIOkzyWWixnzjc/K505VUcgN9Ai5qwo1w7duHknFgzoUDU5Ky+z+YrbuW3sajgcjqmsCAnzSBeFLcn06NJSPBoI+CBJMmQZjw1mmmZsbGzsQ3kFUBEopxewb...GUQklGizqDT1NxcFdnVrlTF6877CtTy7FCACcQV9N6po/cOa9sByZUGFTZ8mfrVDi+u7sLW9eH8Xb3K3lq8aOyvuuD+7Rp2kkLqh+MQrVIZ/xoOo8z69q0nVudkFVa2jc2GNCoDFKogNTIrG3hZqiZxCrZdi7ibNenIyFRKK1iZ+vse5S9R4YPI4Wom015mb23pwqvbinLLuq0TcsmVAsqeyzVln5n37GorAZPiFKm0LykYF9vFba1V9GuSYVPV0kxWWzt8lTKZP6SgvH2+r7+h5Ksh/KVMhHtrSSoSrHX1AmKl9tuUNaYXNL/trFUP6+5cmteGqojUkmmU0TnvrWanVJJwZhp/JgOBEoLJm2WeyoIqoKUkkXnUGlBmCcUrzZKCna2f3+/aRoxrlRfTxAvbw0Ks/EuZ0prt1RkV5E2yTEVJW6pVKK/r7fivfbNZeQ4JhnWFFGbTKbyo67Ap6zo5FDUX/tfgAEAQ3WUFGFdgUwAAAAASUVORK5CYII=' because it violates the following Content Security Policy directive: "default-src 'none'". Note that 'img-src' was not explicitly set, so 'default-src' is used as a fallback.

 

이렇게 뜹니다

[codingapple]

브라우저에 직접 입력하면 /cartpage 라는걸 서버에다가 달라고 요청하라는 뜻이기 때문에 안될 수 있습니다

<Link> 태그로 페이지 이동하도록 합시다 

[김윤진]

넵 해결완료 했습니다 

문제가 하나 있습니다

nav에 cartpage를 Link하고 

Route만들어서 path="/cartpage"했습니다

nav바에서 클릭하면 페이지가 잘 변경되는데

url을 직접 입력하거나 nav에서 클릭해 페이지를 변경해서 cartpage에서 새로고침하면 같은 문제가 발생합니다

 

감사합니다!

[글쓴이]

글