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

相關文章
相關標籤/搜索