laravel - VueJs 页面在刷新时给出 404
问题描述
我刚刚将我的博客应用程序上传到了测试服务器。当我从主页单击帖子时,我可以使用 slug URL 查看单个页面。但是,从单个页面中,如果我刷新页面,它会给我一个 404 页面。
我为我的用户组件使用了类似下面的内容:
Route::get('/admin/users{vue_capture?}', function () {
return view('admin');
})->where('vue_capture','[\/\w\.-]*');
这就是我的 routes.js 的样子:
import VueRouter from 'vue-router';
import Admin from './components/Admin.vue';
import Homepage from './components/Homepage.vue';
import Subscriber from './components/subscriber/Main.vue';
import Single from './components/Single.vue';
import Categories from './components/Categories.vue';
let routes = [
{
path: '/',
component: Homepage
},
{
path: '/subscriber',
component: Subscriber
},
{
path: '/post/:slug',
name: 'post',
component: Single
},
{
path: '/categories/:slug',
component: Categories
}
];
export default new VueRouter({
mode: 'history',
routes
});
我的 Laravel 路线是这样的:
<?php
use App\User;
use App\Http\Resources\User as UserResource;
use App\Http\Resources\UserCollection;
/*
|--------------------------------------------------------------------------
| Web Routes
|--------------------------------------------------------------------------
|
| Here is where you can register web routes for your application. These
| routes are loaded by the RouteServiceProvider within a group which
| contains the "web" middleware group. Now create something great!
|
*/
Route::get('/', function () {
return view('homepage');
});
Auth::routes();
Route::get('/logout', 'Auth\LoginController@logout')->name('logout' );
Route::get('/home', 'HomeController@index')->name('home');
/************************************************************
API'S
************************************************************/
Route::get('/api/homeposts', 'HomePostsController@posts')->name('homeposts');
Route::resource('/api/users', 'AdminUsersController');
Route::resource('/api/posts', 'AdminPostsController');
Route::resource('/api/categories', 'AdminCategories');
Route::get('/api/loggedUser', 'AdminUsersController@loggUser')->name('singleUser');
Route::put('/api/updatedUser/{id}', 'AdminUsersController@updateUser')->name('singleUserUpdate');
Route::resource('/api/subscriber', 'SubscriberController');
/*Route::get('/admin/users{vue_capture?}', function () {
return view('admin');
})->where('vue_capture','[\/\w\.-]*');*/
/************************************************************
ADMIN ROUTES
************************************************************/
Route::group(['middleware'=>'admin'], function(){
Route::get('/admin/users', 'AdminUsersController@users')->name('allusers');
Route::resource('/admin/posts', 'AdminPostsController');
});
/************************************************************
SUBSCRIBER ROUTE
************************************************************/
Route::group(['middleware'=>'subscriber'], function(){
Route::get('/subscriber/{vue_capture?}', function () {
return view('homepage');
})->where('vue_capture','[\/\w\.-]*');
});
/**********************************************************/
Route::get('/single/post/{slug}', 'AdminPostsController@single');
但是我该如何处理单个帖子页面呢?
解决方案
假设您的入口点是您的index
方法HomeController
,您只需在routes/web.php
文件底部添加此路由。
Route::get('{any}', function () {
return view('homepage');
})->where('any','.*');
推荐阅读
- r - R S4 插槽,更改内容,而不是属性
- node.js - Chokidar - 文件观察器
- sublimetext3 - 如何缩进文本而不在崇高包中添加空格?
- python - PyTorch 模型输入形状
- sql - 为什么 Clickhouse 中的“A 左连接 B”和“B 右连接 A”不同?
- azure-functions - 单例 Azure 函数 RabbitMQ 触发器
- abp - 如何配置 Ldap ABP 框架
- python - “拉伸”数据框并用零填充
- java - 使用 docx4j 以编程方式将字体从 ttf 文件嵌入到 .docx 文件
- asp.net-mvc - 模型绑定 - 级联关系