VUE打包本地运行

VUE打包本地运行

方式一

step1:
安装 http-server
npm install http-server -g

step2:
包目录下运行
http-server

或者 使用vscode :go alive插件

方式二

step1:
修改config/index.js
把assetsPublicPath: '/'改成assetsPublicPath: ‘./’,dist文件夹里的文件必须放在服务器的根目录

step2:
修改router/index.js
不要配置mode: “history”

step3:
修改build/utils.js
增加 publicPath: ‘…/…/’。这个是由于assetsPublicPath变成了相对路径，找不到load的css了。如果没有使用特殊的css可以不用添加此处。

 // Extract CSS when that option is specified
    // (which is the case during production build)
    if (options.extract) {
      return ExtractTextPlugin.extract({
        use: loaders,
        fallback: 'vue-style-loader',
        publicPath: '../../'
      })
    } else {
      return ['vue-style-loader'].concat(loaders)
    }