学习记录
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')...
2019-07-28 11:25:48
27536
                <p>打开项目的config---&gt;index.js,改动如下两处代码</p> 
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: './'
}