vue项目代理配置大全

简介: vue项目代理配置大全

目前正处于不断学习中,现在接触的只有这两个,日后遇到的vue项目代理会实时更新

1.vite  (vue3-admin-element-template-master)

  server: {
    host: '0.0.0.0', //服务器ip地址 
    port: 5566, //本地端口
    fs: {
      strict: false, //  支持引用除入口目录的文件
    },
    open: true, // 是否自动在浏览器打开
    proxy: {
      '/pcapi': {
        target: 'https:....../pcapi/',
        changeOrigin: true,
        rewrite: (path) => path.replace(/^\/pcapi/, ''),
      },
      '/role': {
        target: 'http://labour_admin.kuxia.top/',
        changeOrigin: true,
        rewrite: (path) => path.replace(/^\/role/, ''),
      },
    },
  },

2.vite + ts     (vue-pure-admin-main)

server: {
      // 是否开启 https
      https: false,
      // 端口号
      port: VITE_PORT,
      host: "0.0.0.0",
      // 本地跨域代理 https://cn.vitejs.dev/config/server-options.html#server-proxy
      proxy: {
        "^/pcapi/.*": {
          // 这里填写后端地址
          target: "https:....../pcapi/",
          changeOrigin: true,
          rewrite: path => path.replace(/^\/pcapi/, "")
        }
      }
    },

3.服务器代理:

相关文章
|
2天前
|
数据采集 JavaScript 搜索推荐
我们一起聊聊如何对Vue项目进行搜索引擎优化
【9月更文挑战第4天】Vue 项目的搜索引擎优化(SEO)较为复杂,因其内容默认由 JavaScript 渲染,部分搜索引擎难以索引。为提升 SEO 效果,可采用服务器端渲染(SSR)或预渲染,使用 Nuxt.js 或 Vue Server Renderer 实现 SSR,或利用 Prerender SPA Plugin 预渲染静态 HTML。此外,动态管理 Meta 标签、优化静态内容与 Sitemap、懒加载、图片优化、提升页面速度、设置正确的路由模式、使用结构化数据及构建良好外链均有益于 SEO。
35 11
|
1天前
|
JavaScript
vue知识点
vue知识点
12 4
|
1天前
|
JavaScript 前端开发 搜索推荐
推荐5款免费、开箱即用的Vue后台管理系统模板
推荐5款免费、开箱即用的Vue后台管理系统模板
|
3天前
|
缓存 JavaScript 前端开发
vue中使用keep-alive的问题
vue中使用keep-alive的问题
|
4月前
|
JavaScript API
【vue实战项目】通用管理系统:api封装、404页
【vue实战项目】通用管理系统:api封装、404页
63 3
|
4月前
|
人工智能 JavaScript 前端开发
毕设项目-基于Springboot和Vue实现蛋糕商城系统(三)
毕设项目-基于Springboot和Vue实现蛋糕商城系统
|
4月前
|
JavaScript Java 关系型数据库
毕设项目-基于Springboot和Vue实现蛋糕商城系统(一)
毕设项目-基于Springboot和Vue实现蛋糕商城系统
137 0
|
4月前
|
JavaScript 前端开发 API
Vue3+Vite+TypeScript常用项目模块详解
现在无论gitee还是github,越来越多的前端开源项目采用Vue3+Vite+TypeScript+Pinia+Elementplus+axios+Sass(css预编译语言等),其中还有各种项目配置比如eslint 校验代码工具配置等等,而我们想要进行前端项目的二次开发,就必须了解会使用这些东西,所以作者写了这篇文章进行简单的介绍。
121 0
Vue3+Vite+TypeScript常用项目模块详解
|
4月前
|
设计模式 JavaScript
探索 Vue Mixin 的世界:如何轻松复用代码并提高项目性能(上)
探索 Vue Mixin 的世界:如何轻松复用代码并提高项目性能(上)
探索 Vue Mixin 的世界:如何轻松复用代码并提高项目性能(上)
|
4月前
|
前端开发 JavaScript Java
毕业设计|基于SpringBoot+Vue的科研课题项目管理系统
毕业设计|基于SpringBoot+Vue的科研课题项目管理系统
162 1