有时在使用项目的时候,我们都需要指定一个前缀路径(就像tomcat中的虚拟路径),这个时候在vue中如何使用呢。
这个时候我们可以使用vue-router中的base这个属性,使用这个属性就可以在路径前面添加指定的前缀。
export default new Router({
mode: 'history', //后端支持可开
# base: '/wtlicence',
scrollBehavior: () => ({
routes: constantRouterMap
这个时候的访问路径是: http://127.0.0.1:8080/login.
当我们使用vue-router的base属性的时候。
export default new Router({
mode: 'history', //后端支持可开
base: '/wtlicence',
scrollBehavior: () => ({
routes: constantRouterMap
这个时候的访问路径是: http://127.0.0.1:8080/wtlicence/login
概述 有时在使用项目的时候,我们都需要指定一个前缀路径(就像tomcat中的虚拟路径),这个时候在vue中如何使用呢。解决 这个时候我们可以使用vue-router中的base这个属性,使用这个属性就可以在路径前面添加指定的前缀。export default new Router({ mode: 'history', //后端支持可开 # base: '/wtlicence', scrollBehavior: () => ({ y: 0 }), routes:
output: {
filename: "[name].js", // 出口文件的文件名
path: path.resolve(__dirname, "build"), //出口文件的路径
publicPath: 'http://www.xxxx.com/h5/' // 给所有的文件引用路径中,添加前缀域名
VUE项目部署
(1)给静态资源加前缀有两种方法:
在config / index 文件里修改dev(npm run dev本地启动项目时)和build(npm run build 打包时)下的 assetsPublicPath:”/前缀”
在npm run build打好的dist包里 ,/dist/config/index.js文件中修改 [‘domain’]=“/前缀” 也可以
(2)给路由加前缀:而且路由模式用的是hash,
Vue-cli3:
(1)静态资源前缀:
vue.c
需求是:同一个的服务的同个端口号,根据后面接着的内容不同访问不同的管理系统。
举个例子:http://127.0.0.1:8088/admin 访问的是A管理平台 http://127.0.0.1:8088/test 访问的是B管理平台。
这需要给页面路由,以及访问的静态资源加admin, test。并且配置好nginx。
因为vue-cli版本的不同,文件结构不同,加前缀的方法也不一样。
vue-cli2: 由于我用的是...
在vue组件里面用axios发送ajax请求的时候,第一个参数就是要发送的url地址
this.$axios.post('http://localhost:8080/account/login', {username: username, password: password}).then(res => {
// 回调函数
其实这样子是没有什么问题,但是这个url也是我们在测试环境下用的,在生产环境下就需要修改url的地址,但是一个一个改也会很麻烦,所以需要设置一个统一的前缀
1、问题描述:打完包服务器上有些图片路径(都是相对路径)不正确,一部分路径正确。正常渲染的图片会被渲染成base64,不正常渲染的路径会自动带着baseUrl,导致图片路径错误无法渲染。
//data中加载的是assets目录下的图片
img: require("../../assets/1.png")