# springWebVue3

**Repository Path**: ainiyaer/spring-web-vue3

## Basic Information

- **Project Name**: springWebVue3
- **Description**: springWeb前端部分
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-02-16
- **Last Updated**: 2026-01-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# naive_plus

这项目用到vue3+ts+pinia和axios等前端技术.

## 运行和打包发布

```sh
pnpm install
```

### 编译和热重新加载以进行开发

```sh
pnpm dev
```

### 导报项目

```sh
pnpm build
```

## 发布

### 在hosts文件中添加一个域名 如：

```sh
    # Host Database
    # localhost is used to configure the loopback interface
    # when the system is booting.  Do not change this entry.
    127.0.0.1	localhost
    127.0.0.1 	xxx.com  #新增的测试域名

```

### nginx中配置：

```sh
    server{
        listen       8085;#监听端口
        server_name  localhost;#代理服务地址
        add_header Access-Control-Allow-Origin *;
        location / {
            root /Users/xxx/xxx/dist/; #根目录!!,把这里路径设置为项目的根路径
             try_files $uri $uri/ /index.html; 
        }
        #开始配置我们的反向代理
        location /api{
           proxy_pass  http://192.168.3.7:81/api/;#后端api域名或ip  PHP版本
          # proxy_pass  http://192.168.3.7:81/api;#后端api域名或ip  JAVA版本 JAVA版本需要去掉最后一个斜杠
        }
    }
```

### Apache中配置：

#### 1.在httpd.conf文件中修改或添加以下内容

###### 首先打开以下两个模块：

```sh
    LoadModule rewrite_module modules/mod_rewrite.so    
    LoadModule proxy_module modules/mod_proxy.so
    LoadModule proxy_http_module modules/mod_proxy_http.so
```
######  然后在配置站点

```sh
     <VirtualHost *:80>
    ServerName apachevue.test
    DocumentRoot "/Users/xxx/xxx/xxx/dist/" #根目录!!,把这里路径设置为项目的根路径
    <Directory "/Users/xxx/xxxx/xxx/dist/">
        Options FollowSymLinks ExecCGI
        AllowOverride All
        Order allow,deny
        Allow from all
        Require all granted
        DirectoryIndex  index.html
    </Directory>
        ProxyRequests off
        <Proxy *>
            Order deny,allow
            Allow from Off
        </Proxy>
        #PHP版本
        ProxyPass /api http://192.168.3.7/api/
        ProxyPassReverse /api http://192.168.3.7/api/ #PHP版本
        #JAVA版本
        #ProxyPass /api http://192.168.3.7/api
        #ProxyPassReverse /api http://192.168.3.7/api #JAVA版本 JAVA版本需要去掉最后一个斜杠
    </VirtualHost>
```
#### 2.下一步在站点根目录下配置.htaccess文件 内容如下：
```sh
    <IfModule mod_rewrite.c>
        RewriteEngine On
        RewriteBase /
        RewriteRule ^index\.html$ - [L]
        RewriteCond %{REQUEST_FILENAME} !-f
        RewriteCond %{REQUEST_FILENAME} !-d
        RewriteRule . /index.html [L]
    </IfModule>
```