首页 > 其他分享 >vite启动调试配置外网访问

vite启动调试配置外网访问

时间:2023-05-23 17:22:51浏览次数:41  
标签:vue api1 api2 访问 resolve vite path 调试

修改 vite.config.js 配置文件

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

const { resolve } = require('path')

export default defineConfig({
   // 起个别名,在引用资源时,可以用‘@/资源路径’直接访问
  resolve: {
    alias: {
      "@": resolve(__dirname, "src"),
    },
  },
  plugins: [vue()],
  // 配置前端服务地址和端口
  server: {
    host: '0.0.0.0',
    port: 8991,
    // 是否开启 https
    https: false,
  },
  // 设置反向代理,跨域
  proxy: {
    '/api1': {
      // 后台地址
      target: 'http://127.0.0.1:8990/',
      changeOrigin: true,
      rewrite: path => path.replace(/^\/api1/, '')
    },
    '/api2': {
      // 后台地址
      target: 'http://127.0.0.1:8956/',
      changeOrigin: true,
      rewrite: path => path.replace(/^\/api2/, '')
    }
  }
})

标签:vue,api1,api2,访问,resolve,vite,path,调试
From: https://www.cnblogs.com/rise0111/p/17425830.html

相关文章

  • hadoop集群搭建后,启动集群后网络畅通,却无法访问web页面的解决办法
    hadoop集群搭建后,启动集群后网络畅通,却无法访问web页面的解决办法问题引入:在学习hadoop搭建完全分布式集群时,已经集群配置了4个核心文件,并且启动所有相关进程,在使用jps命令检查进程,该集群启动完整正常,但是无法访问hdfsweb页面和yarnweb页面,我尝试了ping通所有集群的网络,正常;检查......
  • node 代理访问服务器
    1、背景由于在开发的过程中,我们经常需要访问测试/正式环境,会出现线上正常,本地访问不同2、方案方法一:我们可以通过node作为中间件,解决这一问题。示例如下:varexpress=require('express');const{createProxyMiddleware}=require('http-proxy-middleware');varapp=ex......
  • swagger的搭建以及访问
    ##访问地址http://localhost:9200/swagger-ui.html###环境搭建springboot的启动类上添加 @EnableSwagger2//用于开启Swagger@SpringBootApplication@EnableSwagger2//用于开启SwaggerpublicclassDemoApplication{publicstaticvoidmain(String[]args){......
  • vernemq 一个可用的入门指南之一:Mac下的安装及使用,使用MQTTX访问verneMQ
    因为百度到一篇简书的,不可用,所以写这么一篇,方便后来人物联网的消息队列技术选型,很多地方会推荐使用VerneMQ,这里做一个安装实验记录,并非推荐。gitclonehttps://github.com/vernemq/vernemq.gitcdvernemqsudomakerel 官网没有加sudo,执行失败,安装过程会多次下载github......
  • 设计模式——访问者模式
    访问者模式(VisitorPattern)是GoF提出的23种设计模式中的一种,属于行为模式。据《大话设计模式》中说算是最复杂也是最难以理解的一种模式了。定义(源于GoF《DesignPattern》):表示一个作用于某对象结构中的各元素的操作。ClassVisitor和MethodVisitor都是访问者模式......
  • C#学习笔记 -- 构造器、类的访问修饰符
    构造函数的执行要创建对象的基类部分,需要隐式的调用基类的无参构造函数继承层次链中的每个类在执行他自己的构造函数体之前执行他的基类构造函数对象构造的顺序如下注意禁止在构造函数中调用虚方法在执行基类的构造函数,基类的虚方法会调用派生类的覆写方法,......
  • C#学习笔记 -- 成员访问修饰符
    成员访问修饰符所有显式声明在类声明中的成员都是互相可见的,无论给他们声明访问等级继承的成员不在类声明中显式声明,所以,继承成员对派生类的成员是可见的,也可以是不可见的,基类私有派生类看不见访问级别publicprivateprotectedinternalprotected......
  • Xcode7 无证书真机调试 "Could not launch 'test' process launch failed: Security"
    iOS8,iOS7真机测试的时候遇到这样的提示,烦请各位兄弟姐妹帮助解决,万分感谢!运行程序后提示如下......
  • 访问双向认证的Https接口
    本地运行设置修改webpack配置 jsconstfs=require('fs')constoptions={//客户端密钥key:fs.readFileSync(path.join(__dirname,'../ca/key.pem')),//客户端公钥cert:fs.readFileSync(path.join(__dirname,'../ca/cert.pem')......
  • Visual Studio快速调试当前页面
    一般项目多个HTML页面,但是调试时只想快速打开当前活动窗口页面默认使用快捷键 ctrl+shift+w但是这样三键并不方便,自定义更改为两键则非常的银杏化。工具--选项--搜索键盘,然后在“显示命令包含”中搜索‘在浏览器查看",选择文件.在浏览器中查看,然后自定义同时按下alt+x快捷键......