{"id":378,"date":"2022-03-21T17:27:27","date_gmt":"2022-03-21T09:27:27","guid":{"rendered":"http:\/\/gjweb.top\/?p=378"},"modified":"2022-03-21T17:27:29","modified_gmt":"2022-03-21T09:27:29","slug":"vitevue3%e9%85%8d%e7%bd%ae%e6%8e%a5%e5%8f%a3%e4%bb%a3%e7%90%86","status":"publish","type":"post","link":"https:\/\/gjweb.top\/?p=378","title":{"rendered":"vite+vue3\u914d\u7f6e\u63a5\u53e3\u4ee3\u7406"},"content":{"rendered":"\n

\u5728\u63a5\u53e3\u8054\u8c03\u7684\u65f6\u5019\uff0c\u914d\u7f6e\u63a5\u53e3\u4ee3\u7406\uff0c\u6309\u7167\u7f51\u4e0a\u7684\u4e3b\u6d41\u4ee3\u7406\u914d\u7f6e\u4ee3\u7801\u5982\u4e0b: vite.config.js<\/p>\n\n\n\n

import { defineConfig } from 'vite'
import vue from '@vitejs\/plugin-vue'
export default defineConfig({
  server:{
    port:8080,
    host:\"localhost\",
    proxy:{
      \"\/api\":{
        target: 'http:\/\/localhost:3000',
      }
    }
  },
  plugins: [vue()]
})
\u200b<\/code><\/pre>\n\n\n\n
\u8fd9\u6837\u914d\u7f6e\u540e\u4f1a\u53d1\u73b0\uff0c\u63a5\u53e3\u4f1a\u62a5404\u9519\u8bef\uff1b\u4f46\u662f\u540c\u7b49\u914d\u7f6e\u5728vue2.0\u4e0a\u9762\u914d\u7f6e\u4ee3\u7406\u5c31\u662f\u597d\u7684\uff0c\u7ecf\u8fc7\u4e0d\u65ad\u5c1d\u8bd5\u540e\u53d1\u73b0\uff0cvite\u914d\u7f6e\u7684\u63a5\u53e3\u4ee3\u7406\uff0c\u9ed8\u8ba4\u4e0d\u4f1a\u66ff\u6362 \/api<\/strong> \u8fd9\u4e00\u5c42\uff0c\u4e5f\u5c31\u8bf4\u6211\u4eec\u672c\u60f3\u8bf7\u6c42 “\/user”,\u4f46\u4ee3\u7406\u540e\u4f1a\u53d8\u6210 “\/api\/user”; \u5728vue2.0\u4e2d\u6211\u4eec\u53ef\u4ee5pathRewrite:{“^\/api”:””}\u3002\u6b64\u79cd\u65b9\u6cd5\u5728vite\u4e2d\u662f\u65e0\u6548\u7684\uff0c\u4e0b\u9762\u76f4\u63a5\u6539\u4e3a\u652f\u6301vite\u7684\u4ee3\u7406\u65b9\u5f0f<\/p>\n\n\n\n
import { defineConfig } from 'vite'
import vue from '@vitejs\/plugin-vue'
\/\/ https:\/\/vitejs.dev\/config\/
export default defineConfig({
  server:{
    port:8080,
    host:\"localhost\",
    proxy:{
      \"\/api\":{
        target: 'http:\/\/localhost:3000',
        changeOrigin: true,
        rewrite:(path) => path.replace(\/^\\\/api\/,'') 
      }
    }
  },
  plugins: [vue()]
})<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"
\u5728\u63a5\u53e3\u8054\u8c03\u7684\u65f6\u5019\uff0c\u914d\u7f6e\u63a5\u53e3\u4ee3\u7406\uff0c\u6309\u7167\u7f51\u4e0a\u7684\u4e3b\u6d41\u4ee3\u7406\u914d\u7f6e\u4ee3\u7801\u5982\u4e0b: vite.config.js \u8fd9\u6837\u914d\u7f6e\u540e\u4f1a\u53d1 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[46],"tags":[],"class_list":["post-378","post","type-post","status-publish","format-standard","hentry","category-vue3"],"_links":{"self":[{"href":"https:\/\/gjweb.top\/index.php?rest_route=\/wp\/v2\/posts\/378","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gjweb.top\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gjweb.top\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gjweb.top\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gjweb.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=378"}],"version-history":[{"count":1,"href":"https:\/\/gjweb.top\/index.php?rest_route=\/wp\/v2\/posts\/378\/revisions"}],"predecessor-version":[{"id":379,"href":"https:\/\/gjweb.top\/index.php?rest_route=\/wp\/v2\/posts\/378\/revisions\/379"}],"wp:attachment":[{"href":"https:\/\/gjweb.top\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=378"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gjweb.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=378"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gjweb.top\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=378"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}