Dva: browserHistory를 사용할 때 새로 고칠 수 없습니다.

이 도구는 roadhog 로 대체되었습니다.

헉
최신 버전의 dva-cli로 만든 프로젝트는 roadhog이지만 여전히이 문제가 있습니다.

로드 호그가 특별히 다루었 으니 이론상 그런 문제는 없을 것입니다. package.json 게시물을 보시겠습니까?

헉
{
"private": 참,
"스크립트": {
"start": "로드 호그 서버",
"build": "로드 호그 빌드",
"lint": "eslint --ext .js src 테스트",
"precommit": "npm run lint"
},
"engines": {
"install-node": "6.9.2"
},
"종속성": {
"animate.css": "^ 3.5.2",
"antd-mobile": "^ 0.9.14",
"babel-runtime": "^ 6.9.2",
"dva": "^ 1.2.1",
"moment": "최신",
"regexp에 대한 경로": "최신",
"qs": "최신",
"rc-form": "^ 1.3.0",
"반응": "^ 15.4.0",
"react-dom": "^ 15.4.0",
"weixin-js-sdk": "^ 1.2.0"
},
"devDependencies": {
"babel-eslint": "^ 7.1.1",
"babel-plugin-dva-hmr": "^ 0.3.2",
"babel-plugin-import": "^ 1.1.0",
"babel-plugin-transform-runtime": "^ 6.9.0",
"eslint": "^ 3.12.2",
"eslint-config-airbnb": "^ 13.0.0",
"eslint-plugin-import": "^ 2.2.0",
"eslint-plugin-jsx-a11y": "^ 2.2.3",
"eslint-plugin-react": "^ 6.8.0",
"예상": "^ 1.20.2",
"허스키": "^ 0.12.0",
"redbox-react": "^ 1.3.2",
"roadhog": "^ 0.5.2"
}
}

package.json 괜찮아 보입니다. . dva-example-user-dashboard를 사용하여 문제가

헉
http : // localhost : 8000 / users와 같은 경로는 마음대로 새로 고칠 수 있지만 경로가 http : // localhost : 8000 / users / users와 같은 한 단계 더 있으면 링크를 통해서만 이동할 수 있습니다. 뒤집 으면 직접 요청할 수 없습니다. 내 글이 잘못되었거나 이유가 무엇입니까?

크롬의 디버깅 인터페이스를 살펴본 결과 Uncaught SyntaxError : Unexpected token <

dva-example-user-dashboard에는 동일한 문제가 있습니다.

나는 이것을 문제없이 닦으려고 노력했습니다.

헉
이 경로는 새로 고칠 수 있지만 / users를 / users / users로 변경하면 새로 고칠 수 없으며 링크를 통해서만 이동할 수 있습니다.

히스토리를 수정하면이 문제를 해결할 수 있지만 URL에 # 문제가 있습니다.
참조 : https://github.com/dvajs/dva-knowledgemap#Switch-history-to-browserhistory

browserHistory에 # 이 없어야합니다.

헉
다음은 코드입니다.

import dva from 'dva';
import 'antd/dist/antd.css';
import { useRouterHistory } from 'dva/router';
import { createHashHistory } from 'history';
import message from 'antd/lib/message';

// 1. Initialize
const app = dva({
  history: useRouterHistory(createHashHistory)({ queryKey: false }),
  onError: (e) => {
    message.error(e.message);
  }
});

브라우저에 http://localhost:8000/ 를 입력하면 자동으로
http://localhost:8000/#/

#을 제거하면 해당 경로를 열 수 없습니다.

또한 다단계 라우팅 중에 브라우저 주소 표시 줄을 새로 고치려고했습니다. hashHistory를 사용할 수 있고 browserHistory를 사용할 수 없습니다 (요청시로드).

BrowserHistory를 사용할 수 없습니다. 404 또는 빈 페이지를보고합니까? 페이지가 비어 있으면 콘솔을 확인하십시오. js 가로드되지 않은 경우 publicPath가 일치하지 않는 것이어야합니다.

browserHistory를 사용할 때 html의 js 가져 오기 방법을 루트에서 가져 오도록 변경하십시오.
다음과 같이 :
<script src="/index.js"></script>

@sorrycc 는이 문제를 해결할 수 있습니다.

헉헉
감사합니다, 정말 문제입니다

@ kairi1227 감사합니다 ~ 루트에서 소개, 해결되었습니다

솔직히 시간을 들여 react + redux 환경을 구축하는 것이 좋습니다.

dva 초기화 프로젝트를 만들었습니다.
개발할 때 리소스를 인용 할 때 html을 /로 수정할 수 있습니다.
포장 후 ./로 수정하십시오.
이것은 publicPath를 사용하는 방법과 APP HD의 문제를 해결합니다. 관심이있는 분은 알 수 있습니다.

또한이 문제가 발생했습니다 .2 단계 도메인 이름을 사용하면 링크를 사용하여 리디렉션 할 수 있지만 새로 고침은 할 수 없습니다.
위의 방법을 사용하고 js 파일에 '/'를 추가했지만 여전히 유효하지 않습니다.

내 라우팅에 문제가 있습니까?

        <Route path="/" component={ CreateRelevance }>
            <Route path="bg/create" component={ CreateRelevance } />
        </Route>
   </Router>

뿡뿡

헉
이 문제가 해결되었습니다.
browserHistory 모드에서는 스파 모드이기 때문입니다.
nginx 구성 필요 : try_files $ uri $ uri / /index.html;

@ 18559909452 서버가 nginx 대신 아파치인지 구성하는 방법은 무엇입니까?

https://gkedge.gitbooks.io/react-router-in-the-real/content/apache.html

koa 관련 구성 방법을 보지 못했습니다. 참고 용으로 게시하세요.

const fs = require('fs');
const router = require('koa-router')();

router.get('/*', async (ctx) => {
    const html = fs.readFileSync(path.resolve(filePath));
    ctx.type = 'html';
    ctx.body = html;
  })
...