VUE 配置本地代理、服务器路径

这篇具有很好参考价值的文章主要介绍了VUE 配置本地代理、服务器路径。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

在vue.config.js文件中配置如下:

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  //部署应⽤包时的基本 URL,比如/https://www.aa.com/ranking/index
  publicPath: "/ranking/",
  //在构建时,Vue CLI 将通过 Babel 转译指定依赖项的代码,以确保它们在目标浏览器中能够正常工作
  transpileDependencies: true,
  //保存文件时不会自动执行代码检查
  lintOnSave: false,
  devServer: {
    // 0.0.0.0的IP地址表示整个网络,即网络中的所有主机
    host: '0.0.0.0',
    // port: 8082,
    proxy: {
      '/b2c': {
        // 放服务器地址
        target: 'https://www.aa.com',
        // 当设置为true时,请求头中的origin属性会被改变为目标服务器的地址,以避免跨域问题
        changeOrigin: true,
        // 用于修改路径配置
        // pathRewrite:{'^/b2c':''}
      },
    }
  },
})




文章来源地址https://www.toymoban.com/news/detail-844084.html

到了这里,关于VUE 配置本地代理、服务器路径的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 使用Vue脚手架配置代理服务器的两种方式

    本文主要介绍使用Vue脚手架配置代理服务器的两种方式 注意:Vue脚手架给我们提供了两种配置代理服务器的方式,各有千秋,使用的时候只能二选一,不能同时使用 除了cros和jsonp,还有一种代理方式,这种用的相对来说也很多, 一般代理服务器 这个概念很好理解,相当于生

    2024年02月02日
    浏览(50)
  • Vue中信息订阅与发布和配置代理服务器的使用和原理

    全局事件总线和信息订阅与发布一样都是实现任意组件的通信。常用的是全局事件总线 信息订阅与发布借用第三方库pubsub实现任意组件的通信 安装pubsub 下列代码为MyHeader组件订阅了一份信息,MyFooter负责传递信息给MyHeader 触发点击事件发布信息给MyHeader 假设目前有两个端口的

    2024年02月03日
    浏览(22)
  • Nginx 详细配置(如:vue配置history刷新不404,https配置,配置代理等等,服务器配置)

    1.安装 Nginx:首先,确保您的服务器上已经安装了 Nginx。如果没有安装,可以通过包管理器(如apt、yum等)进行安装。或者在官网安装对应版本管理,官网下载地址:https://nginx.org/en/download.html 不同的版本不同的安装方法,自行百度 2.配置 Nginx:找到 Nginx 的配置文件(通常位

    2024年02月17日
    浏览(28)
  • 使用 Privoxy 在 Linux 上配置本地代理服务器详细教程

    Privoxy 是一个功能强大的开源网络代理软件,它可以帮助我们在 Linux 系统上搭建本地代理服务器。通过配置和使用 Privoxy,您可以实现更安全、匿名以及自定义过滤规则等高级特性。本文将详细介绍如何在 Linux 环境下利用 Privoxy 配置并运行本地代理服务器。 1. 安装与设置 -

    2024年02月10日
    浏览(19)
  • 【五一创作】VUE基础知识——代理服务器

    目录 前言 代理方式一 优点 缺点 工作方式 代理方式二 优点 缺点 今天为什么要讲这个vue脚手架的代理呢? 接下来我们先来聊一下cros,相信大家对于这个单词都不会陌生吧!当我们前端请求发生了错误提示这个词的时候,那么基本上就是跨域了。如何解决跨域其实有多种。

    2024年02月02日
    浏览(43)
  • Mac Docker安装配置nginx,配置代理前端访问服务器后端访问本地启动项目

     或者直接通过docker客户端查看 --name NginxTest:容器名称 -p 8080:8080:映射端口 -d nginx:设置容器后台运行  docker客户端查看 1)全局块:配置服务器整体运行的配置指令 nginx 服务器整体运行的配置指令,主要包括配置运行 Nginx 服务器的用户(组)、允许生成的 worker process 数,

    2024年02月02日
    浏览(34)
  • Vue中利用代理服务器解决跨域问题

    目录 第一章、了解跨域 第二章、解决跨域问题——代理服务器 2.1 了解原理 2.2 如何配置代理服务器 2.2.1 配置代理服务器(方法一) 2.2.2 配置代理服务器(方法二) AJAX及其相关知识应用(很详细)_❆VE❆的博客-CSDN博客 前端的8080端口需要向后端服务器3000端口请求数据,此

    2024年02月03日
    浏览(26)
  • 使用Nginx代理访问服务器的.mp4文件,并使用Vue播放

    请参考:https://blog.csdn.net/yueyue763184/article/details/126776158?spm=1001.2014.3001.5502 进入 nginx0 容器: 查看 nginx.conf 配置文件位置: exit或者Ctrl+D退出容器,然后拷贝配置文件: 修改 nginx.conf 配置文件: 在/home/nginx/www目录下创建images文件夹,并上传.mp4文件在其下  接下来就可以删除n

    2024年02月13日
    浏览(15)
  • vue项目本地开发完成后部署到服务器后报404

    前后端分离开发模式下,前后端是独立布署的,前端只需要将最后的构建物上传至目标服务器的 web 容器指定的静态目录下即可 我们知道 vue 项目在构建后,是生成一系列的静态文件 常规布署我们只需要将这个目录上传至目标服务器即可 让 web 容器跑起来,以 nginx 为例 配置

    2024年02月05日
    浏览(33)
  • 「Vue面试题」vue项目本地开发完成部署到服务器后报404是什么原因呢?

    前后端分离开发模式下,前后端是独立布署的,前端只需要将最后的构建物上传至目标服务器的 web 容器指定的静态目录下即可 我们知道 vue 项目在构建后,是生成一系列的静态文件 常规布署我们只需要将这个目录上传至目标服务器即可 让 web 容器跑起来,以 nginx 为例 配置

    2024年02月04日
    浏览(17)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包