vue打包部署到服务器上

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

修改assetsPublicPath: './',

productionSourceMap: false

如图:

vue打包部署到服务器上

2-运行npm run build

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

如图:

vue打包部署到服务器上

然后访问index.html就可以了

 

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

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

vue打包部署到服务器上

vue打包部署到服务器上

加大limit就可以了