前言

别人认为重要的，并不就是你的追求。只有自己才知道什么最合适。

问题由来~及描述

• 将vue项目部署到nginx上，如果是第一次往nginx上部署vue项目，本地项目无需修改，只需要修改nginx上的配置，当需要在nginx上部署多个vue项目时，则本地vue项目需要做配置…（详情省略，具体我的文章有），其中一项是在项目的根路径，创建了vue.config.js文件。

• 1.第一次配置的:vue.config.js
  
• 2.线上是没有任何问题，但是本地项目重启后(vue.config.js只有在项目重启后，才会被 @vue/cli-service 自动加载)进行代码修改后，浏览器上的页面没有自动刷新?手动点击刷新，然后页面出现空白， 为什么？打开控制台，报：Uncaught SyntaxError: Unexpected token ‘<’

解决

• 在网上找了相关文章，和我的场景不一样，但是好歹有个思路，就是路径问题，我想到我之前，在publicPath=‘/’ 好像没出现代码修改后无法刷新，对比现在~’./'加了一个点，代表的意思不是一样的吗？ 幸好尝试了，成功了。

1. 修改vue.config.js中的路径后（如下图），将项目进行重启（文件只有启动才会被重新加载），启动成功后，修改某个页面内的代码并保存，页面就有自动刷新的效果了。

2.知识补充：（自己的误区：我以为1和3代表的都是当前目录呢）