import { createRouter, createWebHistory } from 'vue-router'
createRouter({
  history: createWebHistory('/base-directory/'),
  routes: [],
                    配置url的前缀在路由中配置import { createRouter, createWebHistory } from 'vue-router'createRouter({  history: createWebHistory('/base-directory/'),  routes: [],})
				
vue3如何在路由地址上加上自定义前缀，vue3怎么给url前面拼接固定字符串，vue3vite在路由地址栏前面添加前缀，Vue3项目部署路由加前缀，vue项目部署后如何给网页的地址栏中增加固定的访问字段，vue3路径上设置指定的前缀，vue3+vite实现自动在路由前面添加前缀，vue3项目地址栏添加前缀，在路由上添加公共的路由前缀，vue3给所有路由添加前缀方法，vue3vite3项目给全部的路由前加上一段固定文本，vue3当页面跳转时路由上自动加上前缀，vite全局给url地址前面添加固定的字符串参数
				
1.在vue.config.js中基本路径设置publicPath: process.env.NODE_ENV === ‘production’ ? ‘/commonpath/’ : ‘/’
2.process.env.NODE_ENV为production是设置线上环境，dev是本年环境
其中，'/api'是代理标识，用于告诉node，url前面是/api的就是使用代理的。target是目标地址，一般是指后台服务器地址。changeOrigin设置为true表示开启跨域。pathRewrite的作用是把实际Request Url中的'/api'用""代替。
另外，为了方便管理多个接口的代理，最好在请求路径前面加一个统一前缀，比如使用'/api'作为统一前缀。这样可以配置一个代理就能把这些接口的请求都代理好。示例如下：
```javascript
module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'https://gk.work/relax',
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''
在这个示例中，前台跑在127.0.0.1:8080，想要请求https://gk.work/relax，那么代理的配置应该是'/api'。
另外，如果你想使用Vue环境变量来配置代理路径，可以使用process.env.VUE_APP_BASE_API。示例如下：
```javascript
module.exports = {
  devServer: {
    proxy: {
      '/dev-api': {
        target: 'https://gk.work/relax',
        changeOrigin: true,
        pathRewrite: {
          \['^' + process.env.VUE_APP_BASE_API\]: '/api'
在这个示例中，代理路径使用了Vue环境变量process.env.VUE_APP_BASE_API，可以根据实际情况进行配置。
#### 引用[.reference_title]
-  *1* [VUE3跨域方案：配置代理](https://blog.csdn.net/qq_41760984/article/details/128334360)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
-  *2* *3* [Vue3 前端配置代理解决跨域](https://blog.csdn.net/qq_52697994/article/details/124620850)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
                seata:Error creating bean with name ‘globalTransactionScanner‘ defined in class path resource
                    cancanneed_111: 
                    感谢解决了
                seata:Error creating bean with name ‘globalTransactionScanner‘ defined in class path resource
                    ShiYaoWei: 
                    添加vm的启动参数：--add-opens=java.base/java.lang=ALL-UNNAMED可以解决
                git detached HEAD解决方案（亲测）
                    little peanut: 
                    感谢分享，受教了
                c# .Net Core静态文件服务器学习总结
                    带队的汪酱: 
                小程序生成二维码(使用weapp-qrcode)以及相应的bug汇总
                    微信机器人o.0: 
                    你好，一如进入页面的时候中间图片闪烁一下然后回复正常的情况你那边有吗？