vue项目打包
终端运行命令 npm run build
打包成功的标志与项目的改变，如下图：
image.png
点击index.html，通过浏览器运行，出现以下报错，如图：
image.png
那么应该如何修改呢？
具体步骤如下：
1、查看package.js文件的scripts命令
2、打开webpack.dev.conf.js文件，找到publicPath: config.dev.assetsPublicPath,按Ctrl点击，跳转到index.js文件
3、其中dev是开发环境，build是构建版本，找到build下面的assetsPublicPath: '/',然后修改为assetsPublicPath: './',即“/”前加点。
4、终端运行 npm run build 即可。
此时点击index.html，通过浏览器运行便，会发现动态绑定的static的图片找不到，故static必须使用绝对路径。将图片路径修改为绝对路径，至此，打包完成。
Nginx 常用功能 常用配置详解 Nginx 部署 Vue 项目 将 Vue 项目build打包后生成的 ...
一、部署vue项目(pc端、移动端)->nginx服务 1.vue项目打包： ①打开【项目目录/config/i...
前端项目打包部署 通过vue-cli和webpack构建的项目体积一般都较大，在生产环境下，需要进行打包部署。 1...
webpack 打包vue项目后生成一个可修改接口地址的配置文件。 当我们做完vue项目打包、转测试、部署后，却遇...
docker部署前端vue打包程序、后端java打包程序。前端vue打包后部署在nginx容器，后端部署在jdk8...
背景 我们在部署 Vue 项目时，可以通过 webpack 打包 + nginx 的部署方法，如果加上 Docke...
根目录部署vue打包dist vue项目打包为dist，默认访问服务器绑定的域名，需要配置80端口,配置位置多默认...
vue项目打包终端运行命令 npm run build 打包成功的标志与项目的改变，如下图： 点击index.ht...
打包部署 （目标：跟部署GG搞好关系…=_= 内网开发的痛） step1： vue 项目内修改代码 static文...
IIS服务器部署Vue项目 第一步 修改配置 Vue项目打包之后部署服务器会存在图片路径不正确的问题，解决办法如下...
本文标题：vue项目打包，部署
本文链接：https://www.haomeiwen.com/subject/avjncqtx.html
网友评论