在vue.config.js中找到这段代码:
找到publicPath,这个就是静态资源的默认路径,默认值是/,也就是静态资源默认路径是你的域名+路径,所以我们只需修改publicPath的值,就可以达到加前缀的效果,修改后效果如下:
现在你页面上的所有静态资源路径都会加上web前缀了
在vue.config.js中找到这段代码:找到publicPath,这个就是静态资源的默认路径,默认值是/,也就是静态资源默认路径是你的域名+路径,所以我们只需修改publicPath的值,就可以达到加前缀的效果,修改后效果如下:现在你页面上的所有静态资源路径都会加上web前缀了...
Vue
的
vue
.
config
.js 配置
1. 为什么要配置
vue
.
config
.js
由于
vue
-cli 3 也学习了 rollup 的零配置思路,所以项目初始化后,没有了以前熟悉的 build
目录
,也就没有了 webpack.base.
config
.js、webpack.dev.
config
.js 、webpack.prod.
config
.js 等配置文件。
但是有些内容需要进行相关的配置,所以我们还是要创建一个
vue
.
config
.js来进行数据修改,比如代理啥的
2.里面的配置详解
vue
.
我们在
vue
在组件中以及js文件中经常会应用src
目录
下的一些文件或者
资源
,最常见的办法就是一层一层的../../去转出文件夹寻找所需
资源
所在的
路径
。
可以通过设置一个标识来代表src
目录
之后需要到src
目录
下应用
资源
书写
路径
可以直接通过标识/来查询 下列就是设置代码:
我们首先新建一个文件根
目录
下新建一个文件js
config
.json 在内写以下代码:
"compilerOptions": {
"baseUrl": "./",
"paths": {
1.在
vue
.
config
.js中基本
路径
设置publicPath: process.env.NODE_ENV === ‘production’ ? ‘/commonpath/’ : ‘/’
2.process.env.NODE_ENV为production是设置线上环境,dev是本年环境
vite 是一个基于
Vue
3 单文件组件的非打包开发服务器,它做到了本地快速开发启动:
快速的冷启动,不需要等待打包操作;
即时的热模块更新,替换性能和模块数量的解耦让更新飞起;
真正的按需编译,不再等待整个应用编译完成,这是一个巨大的改变。
vite项目中使用的不是
vue
.
config
.js,而是vite.
config
.js
vite.
config
.js配置:
const path = require('path')
// vite.
config
.js # or vite.
config
.ts
需求是:同一个的服务的同个端口号,根据后面接着的内容不同访问不同的管理系统。
举个例子:http://127.0.0.1:8088/admin 访问的是A管理平台 http://127.0.0.1:8088/test 访问的是B管理平台。
这需要给页面
路由
,以及访问的
静态资源
加admin, test。并且配置好nginx。
因为
vue
-cli版本的不同,文件结构不同,加
前缀
的方法也不一样。
vue
-cli2: 由于我用的是...
默认情况下,
Vue
项目的访问
路径
以 /#/,但我们有时候可能需要给项目定义一个明确的访问
路径
,如 /my_
vue
/ 等,这时我们需要修改配置,自定义项目的访问
路径
,方法如下:
1. 在index.
html
添加 <meta base=”/pay/”> (pay自定义的名称)
<!DOCTYPE
html
>
Vue
3配置代理跨域(使用vite.
config
.js文件配置vite.
config
.js 配置文件
vue
3发布有一段时间了,其中vite感觉很好用,现在配置跨域和服务端口等配置,可以不使用
vue
-cli的
vue
.
config
.js了,可以只使用vite.
config
.js进行配置。
vite.
config
.js 配置文件
import { define
Config
} from 'vite'
import
vue
from '@vitejs/plugin-
vue
'
const { resolve
- 环境变量
-通过`.env`文件来划分环境,命名规则为`.env.[mode]`
- `vite`指令的默认mode为`development`,`vite build`的默认mode为`production`,可以根据这个默认值来命名
- `.env`文件也可以不加mode,这样的文件在任何情况下都可以被引用,但是优先级低于有`[mode]`的文件
- 如果想让客户端直接使用,`.env`文件中的变量名应该以`VITE_
standard_init_linux.go:228: exec user process caused “no such file or directory“ - Docker
vue项目打包后---TypeError: Cannot read properties of undefined (reading ‘echarts‘)问题解决
Lee_Myeclipse:
vue项目打包后---TypeError: Cannot read properties of undefined (reading ‘echarts‘)问题解决
qq_39581956:
vue 给静态资源增加路由前缀
对这是我的昵称: