admin 管理员组

文章数量: 1087139


2024年4月13日发(作者：dimmest翻译)

vue项目中遇到的问题,以及解决方式

在Vue项目开发中，我们可能会遇到一些问题。以下是一些常见

的问题以及解决方式，供大家参考：

1. 跨域问题

如果我们的Vue项目需要访问其他域名下的接口，可能会遇到跨

域的问题。解决方式有两种：

（1）使用代理

在config文件夹下的文件中，找到devServer的配置

项，添加如下代码：

```

proxy: {

'/api': {

target: 'localhost:3000', //要访问的地址

changeOrigin: true,

pathRewrite: {

'^/api': ''

}

}

}

```

这样我们在组件中请求接口时，只需要在前面加上/api即可。

（2）使用JSONP

- 1 -

如果使用JSONP，需要在后端接口中设置回调函数，前端通过

script标签去访问接口，将返回的数据作为参数传递给回调函数。

2. 路由问题

（1）路由跳转时，页面没有更新

这可能是因为我们在路由跳转时，使用了相同的组件。需要在路

由配置中，添加一个key值，使组件每次都会重新渲染。

（2）路由懒加载不生效

当我们使用路由懒加载时，需要将路由配置中的component改为

component: () => import('路径')的方式。

3. Vuex问题

（1）Vuex中的state值无法更新

这可能是因为我们直接修改了state值，而没有使用Vuex提供

的mutation来修改。需要在mutation中定义一个方法，通过commit

方法触发mutation。

（2）Vuex中的getters无法获取到state值

这可能是因为我们在getters中定义的方法没有传入state参数。

需要在方法中添加一个参数state，来获取到state值。

以上就是一些常见的Vue问题以及解决方式，希望对大家有所帮

助。

- 2 -


本文标签： 需要 接口 问题 路由

版权声明：本文标题：vue项目中遇到的问题,以及解决方式 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://roclinux.cn/p/1712985119a615705.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。