很多时候 npm run build 之后， index.html 文件中webpack 自动插入的 js 文件 css 文件的相对目录总是不对，发布到服务器上之后，nginx 找不到文件。

vue-cli@3

在 vue-cli@3 中你需要为你 webpack 插入到 index.html 中 的所有文件添加一个 baseurl. 你需要在项目的根目录新建一个 vue.config.js, 添加如下内容：

...
module.exports = {
 baseurl: isprod
  ? '/basexxx/'
  : '/',
  ....
}

这里需要注意的是 dev 环境下不需要添加 baseurl 。

vue-cli@2

针对 非 vue-cli@3 生成的项目，你如果不关心 webpack 里面是如何实现的，你只需要找到 config/index.js ， 修改其中的 build 中的 assetspublicpath 即可。

为了验证一下是否可行，你可以本地 build 一下，然后查看 dist/index.html 中引用的 js css 文件的路径是否携带上你刚刚设置的 assetspublicpath 即可。

而关心为啥这样设置就可以的同学们，继续看 build/webpack.base.conf.js 文件，

非 production mode 下，是在config/index.js 中设置的，这里的 publicpath 默认是

# css  # vue  # nginx  # html  # npm  # webpack  # JS  # 的是  # 是在  # 你可以  # 不需要  # 找不到  # 为你  # 同学们  # 需要注意  # 上你  # 如何实现 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： 浅谈javascript alert和confirm的美化  Laravel Facade的原理是什么_深入理解Laravel门面及其工作机制  javascript和jQuery中的AJAX技术详解【包含AJAX各种跨域技术】  ChatGPT常用指令模板大全 新手快速上手的万能Prompt合集  Laravel怎么实现模型属性的自动加密  Laravel Artisan命令怎么自定义_创建自己的Laravel命令行工具完全指南  公司网站制作需要多少钱,找人做公司网站需要多少钱？  手机钓鱼网站怎么制作视频,怎样拦截钓鱼网站。怎么办？  JavaScript中如何操作剪贴板_ClipboardAPI怎么用  太平洋网站制作公司,网络用语太平洋是什么意思？  php中::能调用final静态方法吗_final修饰静态方法调用规则【解答】  如何制作新型网站程序文件,新型止水鱼鳞网要拆除吗？  Win11怎么开启自动HDR画质_Windows11显示设置HDR选项  音乐网站服务器如何优化API响应速度？  敲碗10年！Mac系列传将迎来「触控与联网」双革新  微信h5制作网站有哪些,免费微信H5页面制作工具？  Laravel怎么实现一对多关联查询_Laravel Eloquent模型关系定义与预加载【实战】  原生JS获取元素集合的子元素宽度实例  极客网站有哪些,DoNews、36氪、爱范儿、虎嗅、雷锋网、极客公园这些互联网媒体网站有什么差异？  如何基于云服务器快速搭建网站及云盘系统？  Laravel如何使用模型观察者？（Observer代码示例）  如何快速搭建二级域名独立网站？  公司门户网站制作公司有哪些,怎样使用wordpress制作一个企业网站？  Laravel如何操作JSON类型的数据库字段？（Eloquent示例）  如何在云主机上快速搭建网站？  如何在 Telegram Web View（iOS）中防止键盘遮挡底部输入框  Edge浏览器如何截图和滚动截图_微软Edge网页捕获功能使用教程【技巧】  如何在 Pandas 中基于一列条件计算另一列的分组均值  laravel怎么实现图片的压缩和裁剪_laravel图片压缩与裁剪方法  南京网站制作费用,南京远驱官方网站？  如何快速启动建站代理加盟业务？  Laravel怎么做数据加密_Laravel内置Crypt门面的加密与解密功能  英语简历制作免费网站推荐,如何将简历翻译成英文？  高端网站建设与定制开发一站式解决方案 中企动力  如何快速搭建支持数据库操作的智能建站平台？  桂林网站制作公司有哪些,桂林马拉松怎么报名？  微信小程序 require机制详解及实例代码  Laravel Eloquent关联是什么_Laravel模型一对一与一对多关系精讲  Laravel Eloquent访问器与修改器是什么_Laravel Accessors & Mutators数据处理技巧  微信推文制作网站有哪些,怎么做微信推文，急？  深圳网站制作公司好吗,在深圳找工作哪个网站最好啊？  利用python获取某年中每个月的第一天和最后一天  HTML透明颜色代码怎么让下拉菜单透明_下拉菜单透明背景指南【技巧】  如何在七牛云存储上搭建网站并设置自定义域名？  如何获取免费开源的自助建站系统源码？  ChatGPT回答中断怎么办 引导AI继续输出完整内容的方法  独立制作一个网站多少钱,建立网站需要花多少钱？  厦门模型网站设计制作公司,厦门航空飞机模型掉色怎么办？  如何在万网开始建站？分步指南解析  Laravel如何设置自定义的日志文件名_Laravel根据日期或用户ID生成动态日志【技巧】