如何在vue 中使用proxy进行代理转发

这篇文章主要介绍了如何在vue 中使用proxy进行代理转发，此处通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考价值，需要的朋友可以参考下：

为什么要使用Vue

Vue是一款友好的、多用途且高性能的JavaScript框架，使用vue可以创建可维护性和可测试性更强的代码库，Vue允许可以将一个网页分割成可复用的组件，每个组件都包含属于自己的HTML、CSS、JavaScript，以用来渲染网页中相应的地方，所以越来越多的前端开发者使用vue。

解决方法：

在vue项目的根目录下添加 vue.config.js文件，文件中需要按照下面写法来写

module.exports = {
 lintOnSave: true,
 
 devServer: {
 proxy: {
  // proxy all requests starting with /api to jsonplaceholder
  '/api': {
  target: 'http://localhost:8080', //代理接口
  changeOrigin: true,
  pathRewrite: {
   '^/api': '/mock' //代理的路径
  }
  }
 }
 }
}

到此这篇关于如何在vue 中使用proxy进行代理转发的文章就介绍到这了,更多相关如何在vue 中使用proxy进行代理转发的内容请搜索亿速云以前的文章或继续浏览下面的相关文章希望大家以后多多支持亿速云！