Vuejs+webpack-为生产构建,但部署到本地主机

因此,这就像将 dev 指挥和提供 prod 在根目录下配置它 package.json :

    "build_local": "webpack-dev-server --inline --progress --config build/webpack.prod.conf.js"
    //

package.json :

"scripts": {
    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
    "start": "npm run dev",
    "lint": "eslint --ext .js,.vue src",
    "build": "node build/build.js"
    "build_local": "webpack-dev-server --inline --progress --config build/webpack.prod.conf.js"
  }

npm run build_local 它在本地主机上运行生产构建

:根据 this github thread 和 this doc reference 要防止刷新时出现404,请将以下内容添加到 webpack.prod.conf.js (文件中的任何位置,但作为参考,您可以在 plugins )

devServer: {
    contentBase: path.join(__dirname, 'dist'),
    historyApiFallback: true, //this line is requried
    compress: true,
    port: 9000
},

localhost:9000

如果有人知道任何缺点给我一个评论或张贴正确的答案