vue打包部署到服务器上

1.首先要改一下配置文件
找到根目录下的config/index.js文件 

修改assetsPublicPath: './',

productionSourceMap: false

如图:

vue打包部署到服务器上_第1张图片

2-运行npm run build

然后在项目路径中找到打包后的文件,在项目文件的dist文件夹下面的static和index.html就是打包后的文件,把static和index.html拷贝到你要放的服务器文件夹下面

如图:

vue打包部署到服务器上_第2张图片

然后访问index.html就可以了

 

注意事项:打包后可能会出现静态资源文件路径不对(图片,字体等)

需要进入到vue项目中的build/webpack.base.conf.js里边修改

vue打包部署到服务器上_第3张图片

vue打包部署到服务器上_第4张图片

加大limit就可以了

你可能感兴趣的:(vue)