Vue打包后访问子路由引入文件报错
1. 在开发模式下文件能够正常的访问
2. 当把文件打包后访问时(nginx代理) 文件地址会加上父级的名称
3. 文件配置
路由:
vue.config.js:
打包后的index文件:
nginx:
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
路由:
vue.config.js:
打包后的index文件:
nginx:
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
接受
或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
发布评论
评论(3)
publicPath: '/'
改成绝对路径。我看你也是根目录。assetsDir
有相关的配置吗?看打包路径配置以及nginx配置没看出来什么问题,唯一能看出来就是先去掉路由的history模式试试
首先你的
publicPath
请求改成/
,nginx配置是没错的,或者你可以偷懒在public/index.html
中添加<base>
Tag , 例如: