vue前后端分离端口号代理配置

Posted weibanggang

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue前后端分离端口号代理配置相关的知识,希望对你有一定的参考价值。

vue cli3.x  

使用方式:

在vue.config.js加入

devServer: {
        proxy: ‘http://localhost:8080‘
}

技术图片

前端直接axios 调用方式:

技术图片

 

 

官网:https://cli.vuejs.org/zh/config/#devserver

 

以上是关于vue前后端分离端口号代理配置的主要内容,如果未能解决你的问题,请参考以下文章

前后端分离架构的Vue环境搭建指南

Nginx同一端口部署多个前后端分离的vue项目

nginx反向代理前后端分离项目(后端多台)

关于使用vue搭建前后端分离的项目,部署过程遇到的问题

宝塔部署SpringBoot前后端不分离项目含域名访问部署数据库反向代理Nginx等配置

Nginx 前后端分离及跨域问题