什么是vue的外链设置参数？
在Vue中，如果我们需要在组件中引用外部资源，我们可以使用外链。但是，有时候我们需要根据不同的场景设置不同的外链参数。因此，vue为我们提供了一种设置不同外链参数的方式，这就是Vue中的外链路径配置。
如何在vue中设置外链路径配置？
Vue中的外链路径配置需要在组件中进行设置。首先，我们需要在组件中引入vue-resource插件，然后我们可以在组件内部使用$http选项来设置外链路径。例如，我们可以设置一个名为urlParams的$data对象，用来存储不同的外链路径配置：
```
import VueResource from 'vue-resource';
export default {
data() {
return {
urlParams: {
mode1: { param1: 'value1', param2: 'value2' },
mode2: { param3: 'value3', param4: 'value4' }
}
}
},
http: {
root: 'http://example.com/',
headers: {
Authorization: 'Bearer ' + localStorage.getItem('id_token')
}
}
}
```
如何在vue组件中使用不同的外链参数？
我们可以使用Vue-resource中的$get方法来获取不同的外链参数，例如：
```
methods: {
fetchData(mode) {
this.$http.get(mode, { params: this.urlParams[mode] }).then(response => {
this.data = response.data;
})
}
}
```
在这个例子中，我们使用$this.$http.get方法获取不同的外链路径，然后将对应的外链参数传递给$params选项，从而实现不同参数的外链。
如何处理外链路径错误？
在Vue中，如果我们在引用外部资源时遇到了错误，我们可以使用$http.interceptors选项来处理错误。例如：
```
Vue.http.interceptors.push((request, next) => {
next(response => {
if (response.status === 404) {
// 处理404错误
console.log('404 Error');
} else if (response.status === 500) {
// 处理500错误
console.log('500 Error');
}
})
})
```
在这个例子中，我们使用Vue-resource中的$http.interceptors选项来处理404和500错误，将错误信息输出到console中，从而方便我们进行调试和错误修复。
结论
在Vue中，使用外链是非常常见的操作，通过了解Vue中的外链路径配置，我们可以方便的设置不同的外链参数，从而优化我们的程序。同时，处理外链路径错误也是必要的，这可以让我们更好的掌控程序的运行状态。
