vue3 整合 springboot 打完整jar包

前端

• .env.developmen

VITE_APP_BASE_URL='/api'
1

• .env.production

VITE_APP_BASE_URL='/'
1

axios 配置

axios.defaults.baseURL = import.meta.env.VITE_APP_BASE_URL
1

package.json

  "scripts": {
    "dev": "vite --mode development",
    "build": "vite build --mode production"
  }
1
2
3
4
5

vite.config.js

 server: {
    port: 4000, //设置服务启动端口号，是一个可选项，不要设置为本机的端口号，可能会发生冲突
    open: true, //是否自动打开浏览器，可选项
    cors: true, //允许跨域。
    // 设置代理
    proxy: {
      '/api': {
        target: 'http://localhost:8053/', //这是你要跨域请求的地址前缀
        changeOrigin: true, //开启跨域
        rewrite: (path) => path.replace(/^\/api/, '')
      }
    }
  }
1
2
3
4
5
6
7
8
9
10
11
12
13

后端

pom.xml

            <plugin>
                <groupId>org.codehaus.mojogroupId>
                <artifactId>exec-maven-pluginartifactId>
                <version>1.6.0version>
                <executions>
                    <execution>
                        <id>exec-pnpm-installid>
                        <phase>validatephase>
                        <goals>
                            <goal>execgoal>
                        goals>
                        <configuration>
                            <executable>pnpmexecutable>
                            <arguments>
                                <argument>installargument>
                            arguments>
                            <workingDirectory>${basedir}/src/uiworkingDirectory>
                        configuration>
                    execution>

                    <execution>
                        <id>exec-pnpm-run-buildid>
                        <phase>validatephase>
                        <goals>
                            <goal>execgoal>
                        goals>
                        <configuration>
                            <executable>pnpmexecutable>
                            <arguments>
                                <argument>buildargument>
                            arguments>
                            <workingDirectory>${basedir}/src/uiworkingDirectory>
                        configuration>
                    execution>

                executions>
            plugin>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37