Vue出现404报错主要有以下几个原因:1、路由配置错误;2、服务器配置错误;3、静态资源路径错误。首先,确保Vue路由配置正确,检查各个路径是否正确定义;其次,确认服务器配置是否支持前端路由,特别是在使用HTML5 history模式时;最后,检查静态资源的路径是否正确。下面将详细探讨这些可能的原因及解决方法。 一、路由配置错误 ...
静态资源无法使用,那就说明项目打包后,图片和其他静态资源文件相对路径不对,此时找到config里面的index.js,在build模块下加入assetsPublicPath: './',如下图所示,或者是在打包完的dist文件夹中找里面的.js文件,将其中的'/'替换为'./'(自行寻找) 在History模式下配合使用nginx运行打包后的项目 当刷新当前路由的时候...
1、需要修改router/index.js中new Router 配置,加一个base: '/htcm_front/', 它指定应用的基路径,该应用是服务于localhost/htcm_front路径下,所以必须加base配置,否则应用会展示404页面 2、需要修改config/index.js中build下的assetsPublicPath: '/htcm_front/',如果用相对路径,chunk文件会报错找不到。 3、将...
可以通过在终端运行命令sudo a2enmod rewrite来启用该模块。对于Nginx服务器,需要在配置文件中添加相应的rewrite规则。 缺少404页面:当刷新一个不存在的路由时,服务器将返回404错误。为了提供更好的用户体验,你可以在服务器上设置一个自定义的404页面,用于处理这种情况。 基础路径配置错误:如果你在构建Vue应用时指定了...
vue nginx 接口405 vue nginx 配置 背景:做一个前后端分离的项目,使用vue-cli创建的前端项目,在前端配置跨域请求。 一、开发阶段 在vue.config.js中配置devserver的proxy进行代理请求配置,然后将所有请求改为/api开头的即可。但是这样配置只在开发阶段起作用。所以在nginx上部署的时候,需要再重新配置请求代理。
2、修改build下静态资源路径前缀 同上一部,这里要修改assetsPublicPath为/vuejs-admin/地址 3、执行vuejs打包:npm run build 确保打包后所有静态资源均是相对地址/vuejs-admin开头,比如: 4、修改nginx配置,使用rewrite配置 代码语言:javascript 代码运行次数:0 ...
2、修改build下静态资源路径前缀 同上一部,这里要修改assetsPublicPath为/vuejs-admin/地址 3、执行vuejs打包:npm run build 确保打包后所有静态资源均是相对地址/vuejs-admin开头,比如: 4、修改nginx配置,使用rewrite配置 代码语言:javascript 代码运行次数:0 ...
在nginx中配置vue项目的时候,类似于location /XXX {}这种,会出现很多问题,比如404,403,刷新404等等情况,还是没有搞懂什么原因,不过却找到了解决方法,记录一下,防止忘记! 1. 修改vue项目中vue.config.js文件中的 publicPath在生产环境中的子路径 publicPath: process.env.NODE_ENV === "production" ? "/子路径...
nginx location / { try_files $uri $uri/ /index.html; } 1. 2. 3. 然后就没了... 这里我们需要清楚为什么会报404: 我们用nginx部署项目,然后在地址栏输入 http://dev.mds/(这里配置的端口是8080),你会发现地址栏之后会变为 http://dev.mds/home,并且 看起来一切正常, 似乎路由也可以正常切换而不...
1. 修改vue项目中vue.config.js文件中的publicPath在生产环境中的子路径 publicPath: process.env.NODE_...