Vue.js 如何更改laravel vue项目';s vue路由器';从子文件夹提供服务时的基本目录?

Vue.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中

我正在尝试从项目文件夹的子文件夹运行laravel vue博客项目。我的项目库在那里,我有一个名为“blogportal”的文件夹。所以想在去的时候看看我的博客网站吗

通过在.env中添加自定义资产URL来处理laravel的资源目录。但是vue路由器不工作。显示这些错误:

加载资源失败:服务器响应状态为404(未找到) /最新邮件:1 加载资源失败:服务器响应状态为404(未找到) /博客帖子:1 加载资源失败:服务器响应状态为404(未找到) /功能邮件:1

我尝试在我的routes.js中更改基础,根据vue的文档在其中构建路由。但它仍然不起作用。这是我的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]