2.如何解决,以下从vue2.0和vue3.0分别修改配置。 vue2.0: //vue.config.jsmodule.exports ={ publicPath:'/h5/', ... } //routerconstcreateRouter = () =>newRouter({ mode:'history',base:'/h5', ... }) vue3.0: //vite.config.tsexportdefaultdefineConfig({base:'/h5/', ... }) //router...
publicPath: process.env.NODE_ENV === 'production' ? '/your-app/' : '/' }; 四、其他可能原因 除了上述主要原因外,还有一些其他可能导致404报错的原因: 文件名大小写问题: 在一些文件系统(如Linux)中,文件名是区分大小写的。确保文件名大小写与代码中引用的一致。 缓存问题: 清除浏览器缓存,有时缓存的...
Vue应用在加载资源文件(如图片、CSS、JavaScript等)时,如果路径不正确,也会导致404错误。 常见问题: 资源路径错误:资源文件的路径配置错误。 资源文件未上传:资源文件未正确上传到服务器。 解决方案: 检查资源路径:确保资源文件路径正确,建议使用相对路径或在配置中使用publicPath。 module.exports = { publicPath: proc...
publicPath:'/',//这个必须,引入静态资源需要从根路径引入,否则会找不到静态资源devServer: {// history模式下的url会请求到服务器端,但是服务器端并没有这一个资源文件,就会返回404,所以需要配置这一项historyApiFallback: { index:'/index.html'//与output的publicPath}, }, } 补充:单页应用(single-page ap...
vuecli3 build之后静态文件出现404 代码语言:javascript 代码运行次数:0 module.exports={// 基本路径publicPath:"./",// 可以设置成相对路径,这样所有的资源都会被链接为相对路径,打出来的包可以被部署在任意路径outputDir:"dist",//打包时生成的生产环境构建文件的目录assetsDir:'public',// 放置生成的静态资源...
2.3、assetsPublicPath打包方式为绝对路径 image.png 3、具体Nginx配置 我们的项目URL是:http://fat2.test.cn/wap 在/etc/nginx/conf.d目录下,新建一个fat2.test.cn.conf的配置文件,内容如下: server { listen 80; #监听的端口 server_name fat2.test.cn; #监听的URL ...
解决VUE项目window.open()方法打包部署上线报错404 背景: 我的项目是部署在服务器的指定目录下,并且项目的路由模式是history模式,所以我需要在vue.config中配置publicpath和在路由中配置base,配置为相同的字符串,并告诉后端ng映射到我设置的这个字符串上.,此时访问地址可以显示项目页面,但是部分window.open()方法所跳转...
// vue.config.jsmodule.exports={publicPath:'/h5/',...} // routerconstcreateRouter=()=>newRouter({mode:'history',base:'/h5',...}) vue3.0: // vite.config.tsexportdefaultdefineConfig({base:'/h5/',...}) // routerconstrouter=createRouter({history:createWebHistory('/h5'),routes:[]...
2.检查 vue.config.js中的生产环境配置 检查publicPath中的路由地址是否为tomcat中的前端路径(例如tomcat 的访问路径是localhost:8080/vms 那么这里的路径也应该是vms,后面的斜杠不可以缺失,不然退出登录时会有问题。) 检查src/router/index.js中的base是否正确。
1、修改项目router配置,如下: 这里一是要修改router模式为history,另一个就是修改base地址为要访问的/vuejs-admin的地址,注意前后都有斜线 2、修改build下静态资源路径前缀 同上一部,这里要修改assetsPublicPath为/vuejs-admin/地址 3、执行vuejs打包:npm run build ...