记录后端使用php和vue项目在同一个文件夹下打包上线问题

最新推荐文章于 2024-06-20 12:30:47 发布

weixin_43817724

最新推荐文章于 2024-06-20 12:30:47 发布

阅读量760

点赞数

分类专栏： vue

本文链接：https://blog.youkuaiyun.com/weixin_43817724/article/details/102831637

版权

vue 专栏收录该内容

9 篇文章

订阅专栏

本文探讨了在使用Vue.js创建的项目中，采用history路由模式时遇到的问题及解决方案，特别是在部署到Nginx服务器上的情况下，如何正确配置以避免404错误，同时对比了hash模式的表现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

后端使用php创建了一个文件夹，文件下有php代码，有一个空文件夹创建vue项目，我按正常搭建正常配置vue项目，最后打包时使用history模式

const router = new VueRouter({
    routes,
    mode: "history",
    base: "/text/",
    historyApiFallback:{
        index:'/index.html'
    },
    // // 回到顶部
    scrollBehavior: () => ({
        y: 0
    })
})

发现在3w文件夹下打开也是空白,无报错,纯空白页,添加了base路径正常了,但是我的vue.config.js添加了生产环境的路径,还是不行,必须添加base打开是正常,添加了vue官网配置文件刷新还是空白,使用hash模式一切正常,当我添加了historyApiFallback时，发现history模式在3w文件打开也正常了。刷新也正常

但发现当挂到nginx服务器上时,使用history模式打开是正常的,按vue官网配置了,刷新还是404.一直不知道什么问题,使用hash模式正常