vue项目修改访问路径

最新推荐文章于 2024-06-24 11:03:14 发布
最新推荐文章于 2024-06-24 11:03:14 发布
阅读量8.2k 收藏 12
点赞数 3
分类专栏： vue 方法 文章标签： vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38317390/article/details/121104027
版权

1.pubic/index.html

 2.router/index.js

3.vue.config.js

4.

 5.完成，最终访问地址：http://171.16.5.12:4528/npm/index.html#/login

cxy&cxy
关注
  • 3
    点赞
  • 踩
  • 12
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
vue项目如何访问index.html,Vue——自定义项目访问路径
weixin_32679187的博客
06-17 6053
默认状况下，Vue项目的访问路径以 /#/，但咱们有时候可能须要给项目定义一个明确的访问路径，如 /my_vue/ 等，这时咱们须要修改配置，自定义项目的访问路径，方法以下：css1. 在index.html添加 (pay自定义的名称)收银台2. 在配置路由的index.js添加 mode: ‘history’, base: ‘/pay/’import Vue from 'vue'import ...
浅谈vue项目,访问路径#号的问题
10-14
此外，如果你的Vue项目在本地开发时需要同时通过localhost和IP地址访问，你可以在`index.js`配置文件中修改`host`属性，将其设置为你本机的IP地址： ```javascript host: '192.168.X.XX', // replace X's with your...
Vue——自定义项目访问路径
热门推荐
小欣儿的专栏
08-02 2万+
默认情况下，Vue项目的访问路径以 /#/，但我们有时候可能需要给项目定义一个明确的访问路径，如 /my_vue/ 等，这时我们需要修改配置，自定义项目的访问路径，方法如下： 1. 在index.html添加 <meta base=”/pay/”> (pay自定义的名称) <!DOCTYPE html> <html> <head> &...
局域网内vue2 3 配置本地IP地址访问项目
最新发布
m0_68716504的博客
06-24 1010
/在这句代码后面添加 --host 0.0.0.0" 如下messages: [ //下面两个地方，直接复制即可` - Local: http://localhost:${port}`, //配置这里` - Network: http://${require('ip').address()}:${port}`,//配置这里],},?}))
vue实现配置全局访问路径头(axios)
10-16
今天小编就为大家分享一篇vue实现配置全局访问路径头(axios)，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue全局修改前端访问地址
weixin_56204334的博客
09-20 1424
修改路由配置router/index.js。修改vue.config.js。
Vue项目配置IP访问地址
m0_52244931的博客
03-06 1624
原来host:'localhost’更改为 host:‘0.0.0.0’将compilationSuccessInfo中的message更改。1、config/index.js文件。
前端笔记11——修改VUE CLI的入口文件main.js的路径（vue.config.js）
weixin_42844704的博客
05-04 6118
因为练习需要，VUE创建一个脚手架后，需要做很多不同的练习，不可能每一个小的练习都创建一个新的脚手架，所以就复制一份src文件夹，然后把原来做过的src改名。因为VUE CLI默认只识别src目录下的main.js。这样，问题就来了，每次都要改将之前该过名的目录改回src才能运行。 能不能不改文件的名称，VUE自动识别去运行自己想要的目录呢？ 在网上查了一些资料后，终于找到方法了，就是修改默认的入口文件路径，这个配置在哪里设置呢？答案在根目录下的vue.config.js配置文件上。 初始默认vue.con
Vue项目自定义项目访问路径
qq_40651168的博客
09-15 1万+
1. 在index.html添加 (shop自定义的名称) 2. 在配置路由的index.js添加mode: ‘history’, base: ‘/shop/’ 3.在项目的 config\index.js配置 ** ** 4.以上就已经配置完了,最后项目的请求地址就是: ** http://localhost:8083/shop/ 注意: 所有的配置名称...
关于Vue背景图打包之后访问路径错误问题的解决
08-28
在 Vue 项目中，背景图打包之后访问路径错误的问题是很常见的。这个问题的出现是因为 url-loader 的配置对图片的限制大小过小造成的。当图片小于 10KB 时，url-loader 会将其转换为 base64 格式，但是在 CSS 中访问...
解决Vue打包之后文件路径出错的问题
08-27
在Vue.js应用开发中，经常会遇到一个问题：当项目完成并使用Vue CLI进行打包后，文件路径可能会出现错误，导致资源加载失败。这个问题通常涉及到静态资源的路径设置，尤其是在从开发环境转移到生产环境时。本文将...
nginx部署多个vue项目的方法示例
10-14
首先，我们的目标是在同一个域名下部署两个Vue项目，分别对应于`/login`和`/student/login`两个路径。这两个项目应并列存储在同一个文件夹内。 **Vue项目配置** 对于二级域名的Vue项目（例如`/student/login`），...
关于vue-router路径配置的问题（此文主要是记录三级路由的访问路径，以及安装、路由组件、路由重定向）
qq_56715703的博客
03-09 3847
node路由：用户根据不同的url地址，来访问不同的页面vue路由（客户端）：组件结合路由规则来构建单页面应用。
vue配置打包后动态修改api请求地址
qq_37150922的博客
12-05 1391
1：在public下面新建一个文件夹，放请求地址的配置文件 2：ipconfig.js： 3：在index.html文件中引入该配置文件 4： axios请求的baseUrl
VUE配置多开发环境/静态配置文件修改地址
lranqi的博客
07-26 3647
在vue-cli中可以使用.env文件配置不同的开发环境，切换不同部署地址。NODE_ENV='production'VUE_APP_BASE_API='/api'.配置开发环境代理,为每一个接口地址加上的/api前缀，这里再通过配置开发环境代理设置代理地址并重写URL。devServer: {proxy:{}}使用window对象，通过外部配置文件显示修改请求。可以在 window 对象上存储数据或属性，并在整个页面中访问它们。
运行vue项目，浏览器默认打开地址为 http://0.0.0.0:8080，手动修改为 127.0.0.1:8080就能正常打开
weixin_43561913的博客
02-15 2398
运行vue项目，浏览器默认打开地址为 http://0.0.0.0:8080，手动修改为 127.0.0.1:8080就能正常打开。
记一次vue打包之后动态修改请求根路径 vue-cli2.x 有效 开发阶段通过动态代理请求访问后台
a393007511的博客
12-17 1029
记一次vue打包之后动态修改请求根路径1.在static文件下新建ipconfig.js2.在index.html中引入新建的js3.在axios的封装文件中设置baseurl 1.在static文件下新建ipconfig.js //ip配置参数 const IPCONFIG = 'http://192.168.10.105:8081/'; 2.在index.html中引入新建的js ...
vue 项目如 图片路径 配置 文件
06-09
在 Vue 项目中，可以通过创建一个配置文件来设置统一的图片路径。具体步骤如下： 1. 在项目 `src` 目录下创建一个 `config` 文件夹。 2. 在 `config` 文件夹中创建一个 `env.js` 文件。 3. 在 `env.js` 文件中添加以下代码： ``` 'use strict'; module.exports = { NODE_ENV: '"production"', IMG_BASE_URL: '"/your/image/path/"' }; ``` 4. 将上面的 `IMG_BASE_URL` 修改为你的图片路径。 5. 在 `vue.config.js` 文件中添加以下代码： ``` const env = require('./config/env'); module.exports = { publicPath: process.env.NODE_ENV === 'production' ? env.IMG_BASE_URL : '/' } ``` 6. 在模板中使用图片时，使用相对路径，并在路径前加上 `$` 符号。例如： ``` <img :src="`${$IMG_BASE_URL}logo.png`" alt="Logo"> ``` 这样，就可以在不同的页面中使用相同的图片路径了。注意，这里使用了 Vue 的计算属性，所以需要在组件的 `computed` 中定义 `$IMG_BASE_URL`。定义方式如下： ``` computed: { $IMG_BASE_URL() { return process.env.IMG_BASE_URL; } } ``` 这样，就可以通过 `$IMG_BASE_URL` 访问到你在 `env.js` 中定义的图片路径了。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值