美文网首页
Vue打包后页面出现cannot get

Vue打包后页面出现cannot get

作者: yancolin | 来源:发表于2018-04-25 15:18 被阅读48次

    最近在研究vue,在git上看见别人的项目的,然后下载下来想研究下。下载完之后放到本地的访问目录里在,如果人家目录有node_modules请先删除(没有略过此步),然后在该项目的根目录中运行 npm install之后再运行命令 npm run dev。

    [转自]https://www.cnblogs.com/anns/p/7457952.html
    学习Vue有大半个月了,然而遇到了不少坑,完全没有高手们那么容易,中间有不少值得记录下的东东,回头好好理理。先理下今天的:

    Vue打包命令简单啊,直接在命令行输入:npm run build

    然而没一会儿页面出现是的cannot get

    我去,这怎么搞

    搜索啊 问人啊

    折腾到想放弃 页面还是依然 cannot get

    只能从头逐步排查了,大家都说要修改config下的index.js里的assetsPublicPath,可我刚安装的时候已经加过点了

    image

    脑子一抽便 加了下面这个配置的,后面搜索看到其他网友的解答,一定不要在dev下的assetsPublicPath里加点

    image

    这时再启动项目npm run dev后,果然好了。但是有个小问题,为毛地址后面会自动加#,看这里:

    image

    加上 **mode:history **就OK了。

    主要参考以下两篇文章:

    Vue路由History mode模式中页面无法渲染的原因及解决

    vue cli 使用npm run dev 报错Cannot GET /

    相关文章

      网友评论

          本文标题:Vue打包后页面出现cannot get

          本文链接:https://www.haomeiwen.com/subject/qohylftx.html