Vue应用在加载资源文件(如图片、CSS、JavaScript等)时,如果路径不正确,也会导致404错误。 常见问题: 资源路径错误:资源文件的路径配置错误。 资源文件未上传:资源文件未正确上传到服务器。 解决方案: 检查资源路径:确保资源文件路径正确,建议使用相对路径或在配置中使用publicPath。 module.exports = { publicPath: proc...
publicPath: process.env.NODE_ENV === 'production' ? '/your-app/' : '/' }; 四、其他可能原因 除了上述主要原因外,还有一些其他可能导致404报错的原因: 文件名大小写问题: 在一些文件系统(如Linux)中,文件名是区分大小写的。确保文件名大小写与代码中引用的一致。 缓存问题: 清除浏览器缓存,有时缓存的...
静态资源无法使用,那就说明项目打包后,图片和其他静态资源文件相对路径不对,此时找到config里面的index.js,在build模块下加入assetsPublicPath: './',如下图所示,或者是在打包完的dist文件夹中找里面的.js文件,将其中的'/'替换为'./'(自行寻找) 在History模式下配合使用nginx运行打包后的项目 当刷新当前路由的时候...
静态资源无法使用,那就说明项目打包后,图片和其他静态资源文件相对路径不对,此时找到config里面的index.js,在build模块下加入assetsPublicPath: './',如下图所示,或者是在打包完的dist文件夹中找里面的.js文件,将其中的'/'替换为'./'(自行寻找) 在History模式下配合使用nginx运行打包后的项目 当刷新当前路由的时候...
vuecli3 build之后静态文件出现404 module.exports={// 基本路径publicPath:"./",// 可以设置成相对路径,这样所有的资源都会被链接为相对路径,打出来的包可以被部署在任意路径outputDir:"dist",//打包时生成的生产环境构建文件的目录assetsDir:'public',// 放置生成的静态资源 (js、css、img、fonts) 的 (相对...
解决VUE项目window.open()方法打包部署上线报错404 背景: 我的项目是部署在服务器的指定目录下,并且项目的路由模式是history模式,所以我需要在vue.config中配置publicpath和在路由中配置base,配置为相同的字符串,并告诉后端ng映射到我设置的这个字符串上.,此时访问地址可以显示项目页面,但是部分window.open()方法所跳转...
module.exports = { publicPath: process.env.NODE_ENV === 'production' ? './' : '/' //用于放置生成的静态资源 (js、css、img、fonts) 的;(项目打包之后,静态资源会放在这个文件夹下) assetsDir: '/student/', //这里需要一致 }; 推荐关于vue.config,js进行配置的文档: 关于Vue cli 3的配置 vue...
2.检查 vue.config.js中的生产环境配置 检查publicPath中的路由地址是否为tomcat中的前端路径(例如tomcat 的访问路径是localhost:8080/vms 那么这里的路径也应该是vms,后面的斜杠不可以缺失,不然退出登录时会有问题。) 检查src/router/index.js中的base是否正确。
在上面的配置中,publicPath指定了静态文件的路径为/my-app/,这样我们在部署时也需要将 Nginx 的配置中的路径修改为相应的路径。 总结 在部署 Vue 项目到 Docker 中时,出现 JS 文件加载 404 的错误可能是由于 Nginx 配置不正确或 Vue 打包配置有误所致。通过检查 Nginx 配置和 Vue 打包配置,我们可以解决这个问题...
1、修改项目router配置,如下: 这里一是要修改router模式为history,另一个就是修改base地址为要访问的/vuejs-admin的地址,注意前后都有斜线 2、修改build下静态资源路径前缀 同上一部,这里要修改assetsPublicPath为/vuejs-admin/地址 3、执行vuejs打包:npm run build ...