vue cli3 配置proxy代理无效

本是古典何须时尚 2022-02-20 07:59 528阅读 0赞

vue cli3 创建的vue项目配置开发环境代理无效，网上的各种配置都试了，还是不行，最后终于试出来一种配置方法

vue.config.js配置如下内容(不要配置任何多余的选项，什么changOrigin  pathRewrite 之类的东西都不要配)：

module.exports = {
        devServer: {
            proxy:"http://127.0.0.1:8081",
            port: 8085
        }
    }

axios访问的时候不要配置任何东西，axios里访问的url不需要加任何前缀，如下

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxMTAzMjM1NTA5MQ_size_16_color_FFFFFF_t_70][]

补充注释如下：

const webpack = require('webpack')
    module.exports = {
        devServer: {
            proxy:"http://127.0.0.1:8081", //开发环境的跨域问题解决，后端springboot服务ip 和 端口
            port: 8085  //dev模式下的前端服务端口，也就是浏览器通过localhost：8085 访问前端页面
        },
      configureWebpack: {
        plugins: [
          new webpack.ProvidePlugin({
            $:"jquery",
            jQuery:"jquery",
            "windows.jQuery":"jquery"
          })
        ]
      }
    }

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxMTAzMjM1NTA5MQ_size_16_color_FFFFFF_t_70]: /images/20220220/29c4a6272d6e4d3e8315f8244d995a12.png

发表评论取消回复

表情：

评论列表（有 0 条评论，528人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue/cli 3 配置多个代理服务器

1. 在与src同级目录新建vue.config.js 2. vue.config.js module.exports = {

刺骨的言语ヽ痛彻心扉/ 2023年07月01日 04:29/ 0 赞/ 18 阅读

相关【VUE】vue-cli3配置eslint

[https://www.cnblogs.com/superlizhao/p/10956054.html][https_www.cnblogs.com_superlizhao_

雨点打透心脏的1/2处/ 2023年01月06日 11:43/ 0 赞/ 171 阅读

相关 Vue devServer.proxy代理配置详解

const proxy = require('http-proxy-middleware'); module.exports = {

￡神魔★判官ぃ/ 2022年12月17日 01:24/ 0 赞/ 312 阅读

相关 vue框架cli3和cli4配置axios接口请求＋代理

1、cnpm i axios --save 2、新建js文件 src/utils/axois/index.js import axios from 'axios'

水深无声/ 2022年08月31日 01:46/ 0 赞/ 110 阅读

相关 vue cli3.0中使用proxy进行代理转发

解决方法：在vue项目的根目录下添加 vue.config.js文件，文件中需要按照下面写法来写 module.exports = { lintOnS

喜欢ヅ旅行/ 2022年05月10日 02:12/ 0 赞/ 177 阅读

相关 vue-cli 3.x配置跨域代理

写在前面 vue-cli 3.x 的beta版本已经发布了一段时间，很早就像体验一番一直找不到时间。这些日子刚好有空就想着依照网上的一些例子练下手，刚一上手就踩到坑了。

Dear 丶/ 2022年03月29日 14:18/ 0 赞/ 239 阅读

相关 vue代理服务器proxy配置

1.如果没有vue脚手架需先要安装脚手架 cnpm i @vue/cli -g 2.利用脚手架创建项目 vue create myproject（

亦凉/ 2022年03月15日 06:52/ 0 赞/ 349 阅读

相关 vue cli3 配置proxy代理无效

vue cli3 创建的vue项目配置开发环境代理无效，网上的各种配置都试了，还是不行，最后终于试出来一种配置方法 vue.config.js配置如下内容(不要配置任何多余的

本是古典何须时尚/ 2022年02月20日 07:59/ 0 赞/ 529 阅读

相关 vue-cli3.0代理打包 (收藏)

module.exports = { publicPath: "./", //1.默认为 "/":部署在一个域名的根路径上 ; 2. "./":所有的资源

拼搏现实的明天。/ 2021年09月20日 11:26/ 0 赞/ 273 阅读

相关 vue - proxy代理

vue.config.js配置 devServer: { open: false, port: 8801, // 代理

ゝ一纸荒年。/ 2021年09月19日 12:56/ 0 赞/ 387 阅读