반응형
WordPress를 사용한 Angular HTML5 모드, 페이지를 새로 고치면 404가 됩니다.
나는 angular app에서 routing을 사용하여 URL을 로드하고 있습니다.앱 내부에서 링크를 클릭하면 완벽하게 작동하지만 앱 URL로 직접 이동하려고 하면 서버에서 404를 반환합니다.
여기 내 코드가 있습니다.
myApp.config(function ($routeProvider, $locationProvider) {
$locationProvider.html5Mode(true);
$routeProvider
.when('/booking', {
templateUrl: 'wp-content/themes/myapp/pages/begin.html',
controller: 'mainController'
})
.otherwise({
redirectTo: "/"
});
});
머리말이.<base href="/myapp/">맨 위에, 머리표 안에.
이것이 아파치 재작성 문제라는 것을 읽었기 때문에 다음을 포함하도록 .htaccess를 수정하려고 했습니다.
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /myapp/
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /myapp/index.php [L]
</IfModule>
그러나 404 페이지로 리디렉션하는 것 외에는 차이가 없는 것 같습니다.WAMP와 localhost를 사용하고 있습니다.
앱을 새로 고치거나 페이지에 직접 연결하는 것이 작동하도록 하려면 어떻게 해야 합니까?
이거 먹어봐요.
$routeProvider
.when('/', {
templateUrl: 'wp-content/themes/myapp/pages/index.html',
controller: 'indexController'
})
.when('/booking', {
templateUrl: 'wp-content/themes/myapp/pages/begin.html',
controller: 'mainController'
})
.otherwise({
redirectTo: "/"
});
WP 영구링크를 바꿨습니까?
Permalinks 설정을 다음으로 변경하는 경우
/blog/%postname%/
아니면
/%postname%/
고쳤습니다.
그리고 꼭 신고해주시기 바랍니다.base href최고의 자리를 잡고<head>당신의 섹션에서index.*파일입니다. 이 스크립트를 사용하는 것이 좋습니다.
<base href="<?php $url_info = parse_url( home_url() ); echo trailingslashit( $url_info['path'] ); ?>">
언급URL : https://stackoverflow.com/questions/29711120/angular-html5-mode-with-wordpress-refreshing-the-page-leads-to-404
반응형
'source' 카테고리의 다른 글
| JsonP를 사용한 JavaScript XMLHttpRequest (0) | 2023.09.19 |
|---|---|
| jQuery - Check if DOM element already exists (0) | 2023.09.19 |
| 원격 Oracle 데이터베이스에서 CLOB를 읽을 수 있습니까? (0) | 2023.09.14 |
| 업데이트를 위해 SELECT ... ORDER by xxx LIMIT 1에 의해 잠긴 행 수는 몇 개입니까? (0) | 2023.09.14 |
| Webpack - webpack-dev-server: 명령을 찾을 수 없습니다. (0) | 2023.09.14 |