vue-cli创建项目打包部署到服务器上发布

步骤1

在src的同级目录下创建一个vue.config.js文件

module.exports = {
  publicPath: './',
  outputDir: 'dist',
  assetsDir: 'static'
}

步骤2

在router的index.js的const router = new VueRouter({...})代码块中,如果存在mode: 'history'的模式设定,则需要将此设定注释掉(或删掉)。

步骤3

再执行npm run build命令,得到的资源文件夹即可正常在浏览器中显示其内容。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.背景介绍 vue router是vue.js官方的路由管理器,它和vue.js的核心深度集成,让构建单页面应用...
    expecto_5357阅读 3,150评论 0 1
  • 本文转载于前端工匠。如有侵权联系本人立刻删除 一、首先带着问题 要学习vue-ro...
    qiaoguoxing阅读 3,290评论 0 1
  • v-html : 1.v-bind用来绑定数据和属性以及表达式,缩写为':' 2.v-model 使用在表单中,实...
    LLLin_0ccc阅读 6,526评论 0 1
  • 一、vue-router实现原理 SPA(single page application):单一页面应用程序,只有...
    walycode阅读 4,666评论 1 3
  • Vue八个生命周期 beforeCreate【创建前】created【创建后】 beforeMount【载入前】 ...
    艾萨克菊花阅读 5,157评论 0 12