vue脚手架项目如何运行在服务器

用vue-cli创建的vue项目,直接执行npm run build命令或者使用图形化页面压缩后,得到一个dist文件夹,但此时文件中的index.html打开后一片空白,为路径问题,

so在src的同级目录下创建一个vue.config.js文件(已有的话则修改相应内容),向其中写入配置信息并保存:

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

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

之后再执行npm run build命令

posted @ 2022-01-15 17:49  心懒了♀麻木来了  阅读(155)  评论(0编辑  收藏  举报