Vue项目如何部署到服务器，Vue-cli3.x及以上版本如何部署

打开项目的config--->index.js，改动如下两处代码

build: {
    // Template for index.html
    index: path.resolve(__dirname, '../dist/index.html'),

    // Paths
    assetsRoot: path.resolve(__dirname, '../dist'),
    assetsSubDirectory: 'static',
    assetsPublicPath: './',    // 1- 这里最初为'/'改为'./'

    /**
     * Source Maps
     */

    productionSourceMap: false,   // 2- 这里最初为true改为false
    // https://webpack.js.org/configuration/devtool/#production
    devtool: '#source-map',

改动完成之后执行npm run build

出现dist文件夹

将dist文件夹放到服务器的根目录下即可利用域名访问(dist可根据项目自行修改名称)

 

---

以上仅适用于vue-cli2.x，在vue-cli3.x及以上版本，没有了 config/index.js 目录

则需要在根目录下新建 vue.config.js 文件，里面写下如下代码

module.exports = {
    publicPath: './'
}