Vue项目部署到服务器

时间 2019-11-19

标签 vue 项目部署服务器繁體版

原文原文链接

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

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',

改动完成以后执行webpack

npm run build

出现dist文件夹web

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