You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
34 lines
1.1 KiB
34 lines
1.1 KiB
# 构建和发布
|
|
|
|
### 构建
|
|
|
|
当项目开发完毕，只需要运行一行命令就可以打包你的应用：
|
|
```shell script
|
|
# 默认环境为 production
|
|
npm run build
|
|
```
|
|
|
|
构建打包成功之后，会在根目录生成`dist`文件夹，里面就是构建打包好的静态文件。
|
|
|
|
如果需要指定`dist`目录等，则需要通过`vue.config.js`的`outputDir`进行配置。
|
|
|
|
### 发布
|
|
|
|
如果静态文件不是部署在根目录下，比如想部署在 `/app` 下，那么需要将 `@/config/index.js` 中的 `contextPath` 改为 `/app/`。
|
|
|
|
想在 `js`中引入的话，可以直接使用 `process.env.BASE_URL` 拿到`contextPath`。
|
|
|
|
如果是在 `html` 中引入的话，是 `<%= BASE_URL %>` 的形式，这是 `ejs` 的语法。
|
|
|
|
::: warning 注意
|
|
`contextPath` 应始终以 `/` 开头，以 `/` 结束。
|
|
:::
|
|
|
|
### 路由模式
|
|
|
|
项目提供了动态修改路由模式的功能，只需要修改 `@/config/index.js` 中的 `route.mode` 即可。
|
|
|
|
当路由模式为 `'history'` 时，需要服务器提供支持。以 `nginx` 为例，需要在配置中补上：
|
|
```shell script
|
|
try_files $uri $uri/ /index.html;
|
|
```
|
|
|