vue\u9879\u76ee\u6784\u5efa\u5b8c\u6210\u9ed8\u8ba4\u4e3a History \uff0c\u6b64\u65f6\u7684\u8def\u7531\u6a21\u5f0f\u5728\u672c\u5730\u8fd0\u884c\u65f6\u6ca1\u95ee\u9898\u7684\uff0c\u6253\u5305\u540e\u5ba2\u6237\u7aef\u4f1a\u51fa\u73b0\u7a7a\u767d\u73b0\u8c61\uff1b\u539f\u56e0\u662f\u5339\u914d\u4e0d\u5230\u8def\u5f84\uff0c\u5c06\u5c06\u8def\u7531\u6a21\u5f0f\u6539\u4e3a hash<\/strong> \u6a21\u5f0f\u65e2\u53ef<\/p>\n\n\n\n router.js<\/p>\n\n\n\n \u573a\u666f\u4e00\uff1a \u5728\u540c\u4e00\u4e2a\u6e32\u67d3\u7ebf\u7a0b\u4e0b<\/p>\n\n\n\n \u573a\u666f\u4e8c\uff1a\u5728\u4e0d\u540c\u6e32\u67d3\u7ebf\u7a0b\u4e2d\u6570\u636e\u5171\u4eab<\/p>\n\n\n\n \u53ef\u4ee5\u76f4\u63a5\u914d\u7f6evue\u4e2d\u7684proxy\u4ee3\u7406\u89e3\u51b3\uff0c\u65b9\u6cd5\u540c\u5e73\u65f6vue\u9879\u76ee\u7684\u914d\u7f6e\u76f8\u540c<\/p>\n\n\n\n \u5728 vite.config.js \u4e2d<\/p>\n\n\n\n \u533a\u5206\u751f\u4ea7\u548c\u5f00\u53d1\u73af\u5883 main.js<\/p>\n\n\n\n vue3\u8c03\u7528\u5168\u5c40\u4e0a\u4e0b\u6587<\/p>\n\n\n\n \u5728 electron.vite.config.ts<\/p>\n\n\n\n \u901a\u5e38\u62a5\u9519 winCodeSign \\ nsis \\ nsis-resources \u62c9\u53bb\u5931\u8d25<\/p>\n\n\n\n \u89e3\u51b3\u65b9\u6cd5\uff1a\u624b\u52a8\u4e0b\u8f7d\u76f8\u5173\u5305\u653e\u5230\u6307\u5b9a\u76ee\u5f55\u4e2d\uff0c\u4e0b\u8f7d\u5730\u5740\u67e5\u770b\u62a5\u9519\u4fe1\u606f\u4e2d\u7684 github \u5730\u5740<\/p>\n\n\n\n \u5f53\u5b8c\u6210\u4e00\u9879\u914d\u7f6e\u540e\u9700\u8981\u624b\u52a8\u5220\u9664\u9879\u76ee\u4e2d\u7684 out \u548c dist \u76ee\u5f55\uff0c\u91cd\u65b0\u6267\u884c\u6253\u5305\u547d\u4ee4<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":" \u586b\u5751\u4e00 \uff1a electron\u6253\u5305\u8fd0\u884c\u4e3a\u7a7a\u767d vue\u9879\u76ee\u6784\u5efa\u5b8c\u6210\u9ed8\u8ba4\u4e3a History \uff0c\u6b64\u65f6\u7684\u8def\u7531\u6a21\u5f0f\u5728\u672c\u5730\u8fd0 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[49],"tags":[],"class_list":["post-429","post","type-post","status-publish","format-standard","hentry","category-electron"],"_links":{"self":[{"href":"https:\/\/gjweb.top\/index.php?rest_route=\/wp\/v2\/posts\/429","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=429"}],"version-history":[{"count":2,"href":"https:\/\/gjweb.top\/index.php?rest_route=\/wp\/v2\/posts\/429\/revisions"}],"predecessor-version":[{"id":898,"href":"https:\/\/gjweb.top\/index.php?rest_route=\/wp\/v2\/posts\/429\/revisions\/898"}],"wp:attachment":[{"href":"https:\/\/gjweb.top\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=429"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gjweb.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=429"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gjweb.top\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=429"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}\/\/ \u5bfc\u5165 router
import { createRouter, createWebHistory,createWebHashHistory } from 'vue-router'
\/\/ \u5bfc\u5165\u8def\u7531\u5404\u9875\u9762\u914d\u7f6e
import routes from '.\/routes'
\/\/ \u914d\u7f6erouter\u5bf9\u8c61
const router = createRouter({
history:createWebHashHistory(), \/\/ \u66f4\u6539\u4e3ahash\u6a21\u5f0f
routes
})
export default router<\/code><\/pre>\n\n\n\n
\n\n\n\n\u586b\u5751\u4e8c\uff1a \u9875\u9762\u6570\u636e\u8d44\u6e90\u5171\u4eab<\/h2>\n\n\n\n
\n
\n
\n\n\n\n\u5929\u5751\u4e09\uff1a\u8de8\u57df\u95ee\u9898<\/h2>\n\n\n\n
import { defineConfig } from 'vite'
import vue from '@vitejs\/plugin-vue'
\u200b
\/\/ https:\/\/vitejs.dev\/config\/
export default defineConfig({
base:\".\/\",
plugins: [vue()],
server:{
proxy:{
\"\/http\":{
target: 'http:\/\/localhost:3001',
changeOrigin: true,
rewrite:(path) => path.replace(\/^\\\/http\/,'')
}
}
}
})
\u200b<\/code><\/pre>\n\n\n\nimport axios from \"axios\"
app.config.globalProperties.$axios = axios;
if(process.env.NODE_ENV === \"development\"){
app.config.globalProperties.$http = \"\/http\";
}else{
app.config.globalProperties.$http = \"http:\/\/localhost:3001\";
}<\/code><\/pre>\n\n\n\n<script>
imoprt {getCurrentInstance} from \"vue\"
export default{
setup(){
const {proxy} = getCurrentInstance();
proxy.$axios ---> \u6307\u5411\u5168\u5c40\u7684 $axios
proxy.$http ---> \u6307\u5411\u5168\u5c40\u7684 $http
}
}
<\/script><\/code><\/pre>\n\n\n\n\u4f7f\u7528 electron-vite \u6784\u5efa\u7684\u8de8\u57df\u95ee\u9898<\/h3>\n\n\n\n
import { resolve } from 'path'\nimport { defineConfig, externalizeDepsPlugin } from 'electron-vite'\nimport vue from '@vitejs\/plugin-vue'\n\nexport default defineConfig({\n main: { \/*\u4e3b\u8fdb\u7a0b\u914d\u7f6e*\/\n plugins: [externalizeDepsPlugin()]\n },\n preload: { \/*\u4e2d\u95f4\u5c42\u914d\u7f6e*\/\n plugins: [externalizeDepsPlugin()]\n },\n renderer: { \/*\u6e32\u67d3\u5c42\u914d\u7f6e*\/\n resolve: {\n alias: {\n '@renderer': resolve('src\/renderer\/src')\n }\n },\n plugins: [vue()],\n server:{ \n proxy:{ \/*\u672c\u5730\u670d\u52a1\u4ee3\u7406\u914d\u7f6e*\/\n \/\/ \u63a5\u53e3\u5730\u5740\u4ee3\u7406\n '\/api': {\n target: '',\n secure: false,\n changeOrigin: true,\n rewrite: path => path.replace(\/^\\\/api\/, '')\n },\n }\n }\n }\n})<\/code><\/pre>\n\n\n\n
\n\n\n\n\u586b\u5751\u56db: \u6253\u5305\u65f6\u56e0\u7f51\u7edc\u5bfc\u81f4\u62c9\u53d6\u4e0d\u5230\u90e8\u5206git\u9879\u76ee\u5bfc\u81f4\u7684\u6253\u5305\u5931\u8d25<\/h2>\n\n\n\n
C:\\Users\\YOU_USER_NAME\\AppData\\Local\\electron-builder\\Cache\\nsis\\nsis-3.0.4.1\nC:\\Users\\YOU_USER_NAME\\AppData\\Local\\electron-builder\\Cache\\nsis\\nsis-resources-3.4.1\nC:\\Users\\15031\\AppData\\Local\\electron-builder\\Cache\\winCodeSign\\winCodeSign-2.6.0<\/code><\/pre>\n\n\n\n