vue跨域请求接口代理方式,webpack解决前端跨域
这篇文章主要介绍了某视频剪辑软件项目实现工具配置代理，解决跨域问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
目录
网络包配置代理，解决跨域主要是这句话某视频剪辑软件跨域问题，修改代理后仍404接口请求用法
webpack配置代理，解决跨域
在配置文件夹中的索引。射流研究…文件配置
主要是这句话
proxyTable: { //本地测试接口
/: {
目标： http://xx.xx.xx.xx ，
更改来源：真的，
安全：假
}
},
示例代码：
模块。导出={
开发人员：{
//路径
资产子目录：静态，
资产公共路径："/"，
proxyTable: { //本地测试接口
/: {
目标： http://xx.xx.xx.xx ，
更改来源：真的，
安全：假
}
},
//各种开发服务器设置
主机：“本地主机”，//可以被进程.环境.主机覆盖
端口：8080,//可以被process.env.PORT覆盖，如果端口正在使用，将确定一个空闲端口
autoOpenBrowser: false，
错误覆盖：真，
notifyOnErrors: true，
poll: false，//https://web pack。js。org/configuration/dev-server/# devserver-watch选项-
/**
*来源地图
*/
//https://web pack . js . org/configuration/dev tool/# development
开发工具："廉价模块评估源地图",
//如果在开发者工具中调试某视频剪辑软件文件时遇到问题，
//将此设置为错误-它*可能*有所帮助
//https://vue-loader . vue js . org/en/options . html # cache busting
破坏声望：没错，
cssSourceMap: true
},
构建：{
//index.html的模板
index: path.resolve(__dirname，./dist/index.html )，
//路径
资产根：路径。resolve(_ _ dirname，./dist )，
资产子目录：静态，
资产公共路径："/"，
/**
*来源地图
*/
productionSourceMap: true，
//https://web pack . js . org/configuration/dev tool/# production
开发工具：“# source-map”，
//Gzip默认关闭许多流行的静态主机，如
//浪涌或者网络生活已经为你压缩了所有静态资产。
//在设置为“真实”之前，请确保：
//npm安装-保存-开发压缩-网络包-插件
生产邮编：假，
productionGzipExtensions: [js ， css]，
//运行带有额外参数的生成命令
//在构建完成后查看包分析器报告：
//`npm运行构建-报告
//设置为"真"或"假"以始终打开或关闭它
联邦分析员报告：过程。环境。NPM _配置_报告
}
}
vue跨域问题，修改代理后仍404
首先确认安装了axios，安装方法：cnpm安装axios -S或者不用镜像新公共管理安装爱可信
dev: {undefined
//路径
资产子目录：静态，
资产公共路径："/"，
代理表：{
/api: {
目标： http://40.73.37.92:8090/,//设置你调用的接口域名和端口号别忘了加超文本传送协议(超文本传输协议的缩写)
更改来源：真的，
路径重写：{
^/api: //这里理解成用/api 代替目标里面的地址，后面组件中我们掉接口时直接用美国石油学会(美国石油协会)代替比如我要调用 http://40 .00 .100 .100:3002/用户/添加，直接写/API/用户/添加即可
}
}
},
接口请求用法
以上为个人经验，希望能给大家一个参考，也希望大家多多支持我们。
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。