原文:vue 打包后访问接口报错404 解决方案 (前提是在vue里使用了代理)

先上图展示下自己vue里面针对跨域设置的代理截图,记住红框里面的代码,待会要用。一般设置代理都是为了防止在测试调用接口的时候出现跨域的情况,但是设置代理后直接npm run start并没有问题,访问接口也正常,但是当打包执行npm run build 之后,console控制台会出现下图 的情况 如果build后的dist文件是放在nginx上的,可用以下方式解决 ,记得上图红框里面的代码吗, ...

2019-11-19 09:30 1 2210 推荐指数:

查看详情

vue打包接口请求404的完美解决方案

在开发环境中,和后台对接为了解决跨域问题,使用了代理,也就是vue的proxyTable,但是打包放到生产环境中去时,接口请求不到,404,原因是开发环境的代理并不能用到生产环境,但是直接在请求接口使用服务器地址,可以成功,但是会造成cookie丢失而失去权限验证 我脑海里出现有两种办法,一是 ...

Wed Aug 01 03:02:00 CST 2018 0 17538
vue2.0 项目build资源文件报错404解决方案

vue项目build,我们会看到css、js报错404的问题; 那我们就去找错误原因吧。 首先,查看build的dist文件目录 可以看出,js、css在index.html的同级目录下; 然后,查看index.html,看到下面的代码  我们先普及下文件路径 ...

Wed Nov 22 23:19:00 CST 2017 0 5432
Vue打包报错Unexpected token: punc(()解决方案

(用vscode)vue项目打包时,报错报错信息如下: 原因:上面的代码是es6的语法,由于现在还有浏览器不支持es6的语法,所以在打包的过程中要把es6转换成es5,在打包使用了UglifyJs压缩JS,但是UglifyJs无法解析ES6,才出现了上述问题 ...

Wed Mar 27 23:52:00 CST 2019 0 704
Vue build打包之后,刷新页面出现404解决方案

Vue build打包之后,刷新页面出现404,HTML5 History 模式 原因分析: vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL,于是当 URL 改变时,页面不会重新加载。 如果不想要很丑的 hash,我们可以用路由 ...

Wed Jun 26 08:32:00 CST 2019 0 2645
Vue Cli 3 打包上线 静态资源404问题解决方案

报错原因:静态资源丢失 解决方案 官方文档https://cli.vuejs.org/zh/config/#vue-config-js baseUrl 从 Vue CLI 3.3 起已弃用,请使用publicPath。 在根目录创建vue.config.js 文件 // 请把代码 ...

Sun Mar 10 08:08:00 CST 2019 0 1908
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM