<p>打开项目的config--->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: './'
}