Vue项目部署到服务器

打开项目的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可根据项目自行修改名称)