Vue.js 如何更改laravel vue项目';s vue路由器';从子文件夹提供服务时的基本目录?
我正在尝试从项目文件夹的子文件夹运行laravel vue博客项目。我的项目库在那里,我有一个名为“blogportal”的文件夹。所以想在去的时候看看我的博客网站吗 通过在.env中添加自定义资产URL来处理laravel的资源目录。但是vue路由器不工作。显示这些错误: 加载资源失败:服务器响应状态为404(未找到) /最新邮件:1 加载资源失败:服务器响应状态为404(未找到) /博客帖子:1 加载资源失败:服务器响应状态为404(未找到) /功能邮件:1 我尝试在我的routes.js中更改基础,根据vue的文档在其中构建路由。但它仍然不起作用。这是我的routes.jsVue.js 如何更改laravel vue项目';s vue路由器';从子文件夹提供服务时的基本目录?,vue.js,vue-router,Vue.js,Vue Router,我正在尝试从项目文件夹的子文件夹运行laravel vue博客项目。我的项目库在那里,我有一个名为“blogportal”的文件夹。所以想在去的时候看看我的博客网站吗 通过在.env中添加自定义资产URL来处理laravel的资源目录。但是vue路由器不工作。显示这些错误: 加载资源失败:服务器响应状态为404(未找到) /最新邮件:1 加载资源失败:服务器响应状态为404(未找到) /博客帖子:1 加载资源失败:服务器响应状态为404(未找到) /功能邮件:1 我尝试在我的routes.js中
import VueRouter from 'vue-router'
import AdminHome from './components/admin/AdminHome.vue'
import CategoryList from './components/admin/category/List.vue'
import AddCategory from './components/admin/category/New.vue'
import EditCategory from './components/admin/category/Edit.vue'
// FrontEnd Component
import PublicHome from './components/public/PublicHome.vue'
import BlogPost from './components/public/blog/BlogPost.vue'
import SinglePost from './components/public/blog/SingleBlog.vue'
import CategoryBlogs from './components/public/blog/CategoryBlogs.vue'
import TagBlogs from './components/public/blog/TagBlogs.vue'
// Post
import PostList from './components/admin/post/List.vue'
import AddPost from './components/admin/post/New.vue'
import EditPost from './components/admin/post/Edit.vue'
let routes = [
{
path:'/admin/home',
component:AdminHome
},
{
path:'/admin/category-list',
component:CategoryList
},
{
path:'/admin/add-category',
component:AddCategory
},
{
path:'/admin/edit-category/:categoryid',
component:EditCategory
},
// Post
{
path:'/admin/post-list',
component:PostList
},
{
path:'/admin/add-post',
component:AddPost
},
{
path:'/admin/edit-post/:postid',
component:EditPost
},
// Frontend Route
{
path:'/',
component:PublicHome
},
{
path:'/blog',
component:BlogPost
},
{
path:'/blog/:slug',
component:SinglePost
},
{
path:'/categories/:catName',
component:CategoryBlogs,
// props: { gotCatName: Math.random() }
},
{
path:'/tags/:tagName',
component:TagBlogs,
// props: { gotCatName: Math.random() }
},
];
const router = new VueRouter({
base: '/blogportal/',
routes,
linkActiveClass: 'active',
mode: 'history',
scrollBehavior() {
return {x: 0, y: 0}
}
});
router.beforeEach((to, from, next) => {
return next()
});
export default router;
您是否尝试将RewriteBase添加到.htaccess中 见下面的示例
选项-多视图-索引
重新启动发动机
#这里
重写基本/博客门户/
#句柄授权头
RewriteCond%{HTTP:Authorization}。
重写规则。*-[E=HTTP\U授权:%{HTTP:AUTHORIZATION}]
#如果不是文件夹,则重定向尾部斜杠。。。
重写cond%{REQUEST_FILENAME}-D
重写cond%{REQUEST_URI}(+)/$
重写规则^1[L,R=301]
#向前端控制器发送请求。。。
重写cond%{REQUEST_FILENAME}-D
重写cond%{REQUEST_FILENAME}-F
重写规则^index.php[L]