vue打包

﹏ヽ暗。殇╰゛Y 2024-04-19 11:14 47阅读 0赞

vue打包后打开index.html后发现页面无显示，原来是js,css路径不对，解决办法如下

css：build/utils 新增一行代码

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xlbW9udHJlZV9mdQ_size_16_color_FFFFFF_t_70][]

js：config/index.js   路径改成./     注意只需要改build对象下的路径，dev下的路径不要改，不然本地跑步起来

![20190917171452406.png][]

img:webpack.prod.conf.js，在output：增加 publicPath: './'

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xlbW9udHJlZV9mdQ_size_16_color_FFFFFF_t_70 1][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xlbW9udHJlZV9mdQ_size_16_color_FFFFFF_t_70]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/adbee92fd33a4f7bb856337c741baa88.png
[20190917171452406.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/d9187b9744da48ddbf351378e9ccd929.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xlbW9udHJlZV9mdQ_size_16_color_FFFFFF_t_70 1]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/bc059c79a2c144cc8798b8a044fae301.jpg

发表评论取消回复

表情：

评论列表（有 0 条评论，47人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue打包

ue打包后打开index.html后发现页面无显示，原来是js,css路径不对，解决办法如下 css：build/utils 新增一行代码 ![watermark_t...

﹏ヽ暗。殇╰゛Y/ 2024年04月19日 11:14/ 0 赞/ 47 阅读

相关 webpack打包vue

在Windows10系统下，自定义打包整个Vue文件夹项目的相关配置项涉及以下内容： 1. 安装Node.js和npm Node.js官网：http

青旅半醒/ 2023年10月12日 17:12/ 0 赞/ 48 阅读

相关 vue打包桌面程序

1.创建项目 vue create electron-vue-start ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpd

你的名字/ 2022年12月19日 03:51/ 0 赞/ 184 阅读

相关 vue项目打包

cd到项目目录下或在WebStorm中打开项目后的Terminal中输入以下命令: npm run build:prod 或者 npm run build

系统管理员/ 2022年11月19日 01:15/ 0 赞/ 227 阅读

相关 vue项目打包App

本地的vue项目打包成App。这里以Hbuilder为例。首选命令行进入项目的目录执行 npm run build ![20171223140548589][] 打包成功之

朱雀/ 2022年06月03日 08:23/ 0 赞/ 302 阅读

相关 vue 打包

项目=>config=>index.js 配置服务器相对路径 module.exports = \{ assetsPublicPath: './',

怼烎@/ 2022年05月29日 10:28/ 0 赞/ 205 阅读

相关 vue项目打包

打包命令 npm run build 命令执行完后，会生成一个dist目录，里面包含index.html的静态文件。注意点：默认配置情况下，会发现文件可以

男娘i/ 2022年02月24日 15:05/ 0 赞/ 326 阅读

相关 VUE（四）打包

npm run build ![20190715114849649.png][] 打包后生成的文件夹 ![watermark_type_ZmFuZ3poZW5na

亦凉/ 2021年12月10日 02:39/ 0 赞/ 338 阅读

相关 vue-cli 打包

一项目打包 1 打包的配置在 build/webpack.base.conf.js文件下 ![在这里插入图片描述][watermark_type_ZmFuZ

旧城等待，/ 2021年10月13日 01:27/ 0 赞/ 328 阅读

相关 Vue项目打包

如果你还没有搭建Vue环境，请参考我的这篇文章\[[https://blog.csdn.net/u012577474/article/details/92849764][htt

柔情只为你懂/ 2021年09月20日 07:40/ 0 赞/ 492 阅读