vue怎么映射域名 vue引入外部页面

Vue路由的使用

Vue -router 是为了配合Vue.js 构建单页面应用而存在的，在使用方面，我们需要做的是，将组件映射到路由，然后告诉Vue-router 在哪里渲染它们。

创新互联建站专业为企业提供泰宁网站建设、泰宁做网站、泰宁网站设计、泰宁网站制作等企业网站建设、网页设计与制作、泰宁企业网站模板建站服务，十年泰宁做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。

vue-router 使用 path-to-regexp 作为路径匹配引擎，所以支持很多高级的匹配模式，例如：可选的动态路径参数、匹配零个或多个、一个或多个，甚至是自定义正则匹配。

router-link组件支持用户在具有路由功能的应用中 (点击) 导航。 通过to属性指定目标地址，默认渲染成带有正确链接的标签，可以通过配置tag属性生成别的标签.。

通过配置文件实现修改vue域名

1、1，在根目录下的public目录中添加config.js文件，内容如下：项目打包的时候会将该文件拷贝到打包文件的根目录中。

2、这个配置域名步骤如下：项目中/config/dev.env.js修改：新增：HOST：dev。项目中/config/prod.env.js修改：获取传递进来的参数。项目中ajax封装的地方修改。

3、’打开config里面的index.js 在build里面的assetsPublicPath里面配置域名 就可以了。

vue如何将项目部署到服务器上并且使外网能够访问到

1、确保项目在MyEclipse上能够正常运行。在Tomcat安装目录下的webapp目录中新建一个文件夹。将META-INF文件夹、WEB-INF文件夹及所有的前端代码复制到第2步新建的文件夹中。

2、改标签栏icon，以及标签名 安装完nginx后 用Xftp登陆服务器，上传打包好的项目。

3、部署Vue到服务器可以使用npm install来安装所需要的相关依赖包，然后通过npm run build构建生产环境，部署dist目录到服务器根目录，就可以访问根目录了。

4、静态文件、图片的引入，跟vue文件中引入路径保持一致，需要将静态文件复制，通过插件来实现 很多地方都有说的一个问题，目前我还没发现有什么用，先改着。